/* =============================================================================
   DESIGN TOKENS (Minimal)
   Core variables for the school website.
   ============================================================================= */

:root {
  /* Brand Colors */
  --brand-primary: #0e5ea8;
  --brand-secondary: #f59e0b; /* Amber */

  /* Typography */
  --font-sans:
    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-display: "Outfit", var(--font-sans);

  /* Z-Index Scale (Reserved for future use or selective components) */
  --z-progress: 10000000;
  --z-loader: 9999999;
  --z-modal: 5000;
  --z-navbar: 60;
  --z-dropdown: 70;
  --z-mobile-menu: 80;
}