/* 
  Qerens Consilium - Responsive Adjustments 
  Note: Most component-level responsive rules are written mobile-first 
  in style.css to keep them adjacent to their base rules.
  This file is reserved for global or complex responsive overrides.
*/

/* Mobile (max-width: 639px) */
@media (max-width: 639px) {
  /* Global typography adjustments for small screens */
  :root {
      --space-16: 3rem; /* Reduce large spacing on mobile */
      --space-20: 4rem;
  }
}

/* Tablet (min-width: 640px) and (max-width: 1023px) */
@media (min-width: 640px) and (max-width: 1023px) {
  /* Tablet-specific overrides */
}

/* Desktop (min-width: 1024px) */
@media (min-width: 1024px) {
  /* Large screen adjustments */
}

/* Large Desktop (min-width: 1280px) */
@media (min-width: 1280px) {
  /* Extra large screen adjustments */
}