:root {
  /* Inspiron School of Psychology (ISOP) Official Brand Palette */
  /* Extracted directly from official shield insignia */
  
  /* Primary Forest & Emerald Greens */
  --color-primary: #0F5132;           /* Deep Forest Green */
  --color-primary-dark: #08331E;      /* Rich Pine / Obsidian Green */
  --color-primary-deep: #042013;      /* Deepest Academy Slate */
  --color-primary-light: #65bb56;     /* Brand Leaf Green */
  
  /* Accent Prestige Golds */
  --color-gold: #C59B27;              /* Brand Gold */
  --color-gold-dark: #A17C17;         /* Burnished Gold */
  --color-gold-light: #EAB308;        /* Vivid Gold */
  --color-gold-soft: #FEF9C3;         /* Soft Cream Gold */
  --color-gold-subtle: rgba(197, 155, 39, 0.12);

  /* Vibrant Clinical Green Accents */
  --color-teal: #65bb56;              /* Primary Action Green */
  --color-teal-dark: #4a9e3d;         /* Deep Green */
  --color-teal-light: #7ecc6f;        /* Bright Green Accent */
  --color-teal-soft: #f0f9ef;         /* Mint Soft Tint */
  --color-teal-subtle: rgba(101, 187, 86, 0.10);

  --color-accent: #C59B27;            /* Gold Accent */
  --color-accent-amber: #D97706;
  
  /* Surfaces & Backgrounds */
  --color-bg: #FFFFFF;
  --color-bg-alt: #F8FAF8;
  --color-bg-slate: #F0F4F1;
  --color-surface: #FFFFFF;
  --color-card-border: #E2EBE4;
  --color-card-border-hover: #CBDDD0;
  
  /* Text Colors */
  --color-text-title: #0C2E1D;
  --color-text-body: #2D3E35;
  --color-text-muted: #5A7064;
  --color-text-light: #8FA599;
  --color-text-white: #FFFFFF;
  --color-text-white-muted: #CBD5E1;
  --color-text-gold: #A17C17;

  /* Typography */
  --font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout */
  --container-max: 1240px;
  --container-narrow: 900px;
  
  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(12, 46, 29, 0.04);
  --shadow-sm: 0 2px 4px rgba(12, 46, 29, 0.04), 0 1px 2px rgba(12, 46, 29, 0.02);
  --shadow-md: 0 6px 16px -2px rgba(12, 46, 29, 0.06), 0 2px 6px -1px rgba(12, 46, 29, 0.03);
  --shadow-lg: 0 16px 32px -4px rgba(12, 46, 29, 0.08), 0 6px 12px -2px rgba(12, 46, 29, 0.04);
  --shadow-xl: 0 24px 48px -8px rgba(12, 46, 29, 0.12), 0 12px 24px -4px rgba(12, 46, 29, 0.06);
  --shadow-teal: 0 8px 24px -4px rgba(101, 187, 86, 0.32);
  --shadow-gold: 0 8px 24px -4px rgba(197, 155, 39, 0.32);

  /* Transitions */
  --ease-smooth: 220ms cubic-bezier(0.16, 1, 0.3, 1);
}