/* ==========================================================================
   School Website Design System - Design Tokens & Variables
   Deep Forest Green (#12372A), Antique Gold (#C9A227), Warm Ivory (#F7F3E9)
   ========================================================================== */

:root {
  /* Master 3-Color Palette */
  --color-primary: #12372A;         /* Primary: Deep Forest Green */
  --color-primary-hover: #0E2C22;   /* Deeper Forest Green Hover */
  --color-deep-blue: #12372A;       /* Deep Forest Slate / Dark Surface */
  --color-secondary-blue: #1C4E3D;  /* Rich Forest Green Secondary */
  --color-primary-blue: #12372A;    /* Primary Forest Green */
  --color-light-blue: #EFE9DA;      /* Warm Ivory Tint */
  --color-ultra-light-blue: #F4EFE2;/* Soft Warm Ivory Surface */
  --color-bg: #F7F3E9;              /* Background: Warm Ivory Canvas */
  --color-white: #FFFFFF;           /* Crisp Elevated Surface */
  
  /* Accent & Utility Colors */
  --color-accent-gold: #C9A227;     /* Accent: Antique Gold */
  --color-accent-gold-hover: #B59121; /* Rich Antique Gold Hover */
  --color-success: #12372A;
  --color-info: #C9A227;
  --color-warning: #C9A227;

  /* Typography Colors */
  --color-text-main: #12372A;       /* Deep Forest Green - Authoritative & Legible */
  --color-text-heading: #12372A;    /* Deep Forest Green Headings */
  --color-text-secondary: #415247;  /* Refined Descriptive Deep Slate Green */
  --color-text-muted: #6A7B70;      /* Muted Forest Metadata */
  --color-border: #E0D7C3;          /* Warm Ivory Card Border */
  --color-border-light: #ECE5D5;    /* Subtle Warm Ivory Divider */

  /* Typography Families */
  --font-heading: 'Plus Jakarta Sans', 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;

  /* EduBlink Card & Element Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 50px;
  --radius-full: 9999px;

  /* Signature Shadows with Forest Green Undertone */
  --shadow-xs: 0 2px 4px rgba(18, 55, 42, 0.04);
  --shadow-sm: 0 4px 12px rgba(18, 55, 42, 0.06);
  --shadow-md: 0 10px 30px rgba(18, 55, 42, 0.08);
  --shadow-lg: 0 16px 40px rgba(18, 55, 42, 0.12);
  --shadow-xl: 0 24px 60px rgba(18, 55, 42, 0.16);
  --shadow-card-hover: 0 20px 50px rgba(18, 55, 42, 0.14);

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  --transition-base: 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  --transition-slow: 0.55s cubic-bezier(0.23, 1, 0.32, 1);

  /* Layout */
  --max-width-container: 1240px;
  --max-width-wide: 1380px;
  --topbar-height: 38px;
  --header-height: 80px;
}