:root {
  --font-display: 'Poppins', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-button: 'Poppins', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-hero: clamp(2.5rem, 5vw, 4rem);

  --navy-900: #0a1628;
  --navy-800: #0f1e2e;
  --navy-700: #1a3a5c;
  --navy-600: #1e4a70;
  --navy-500: #2563a8;
  --navy-400: #3b82c4;
  --navy-100: #dde8f5;
  --navy-50: #eef4fb;

  --amber-600: #d97706;
  --amber-500: #f59e0b;
  --amber-400: #fbbf24;
  --amber-100: #fef3c7;
  --amber-50: #fffbeb;

  --green-600: #059669;
  --green-500: #10b981;
  --green-100: #d1fae5;

  --rose-600: #e11d48;
  --rose-500: #f43f5e;
  --rose-100: #ffe4e6;

  --purple-600: #7c3aed;
  --purple-500: #8b5cf6;
  --purple-100: #ede9fe;

  --teal-600: #0d9488;
  --teal-500: #14b8a6;
  --teal-100: #ccfbf1;

  --orange-600: #ea580c;
  --orange-500: #f97316;
  --orange-100: #ffedd5;

  /* Rising Youth — Saffron (Rajasthan saffron, warm primary action color) */
  --saffron-900: #7a2c00;
  --saffron-800: #b23700;
  --saffron-700: #e65100;
  --saffron-600: #ff7a1a;
  --saffron-500: #ff8e26;
  --saffron-400: #ffa45a;
  --saffron-300: #ffc28b;
  --saffron-200: #ffdcb8;
  --saffron-100: #ffe9d3;
  --saffron-50: #fff4e8;

  /* Rising Youth — Light Blue (calm secondary, used for structure & links) */
  --skyblue-900: #0a2a5c;
  --skyblue-800: #0f3d8c;
  --skyblue-700: #1f5ebe;
  --skyblue-600: #2f80ed;
  --skyblue-500: #4da3ff;
  --skyblue-400: #7cbcff;
  --skyblue-300: #a7d3ff;
  --skyblue-200: #cce5ff;
  --skyblue-100: #e0efff;
  --skyblue-50: #f1f7ff;

  /* Brand semantic tokens (saffron + light blue identity) */
  --ry-saffron: var(--saffron-600);
  --ry-saffron-deep: var(--saffron-700);
  --ry-saffron-soft: var(--saffron-100);
  --ry-blue: var(--skyblue-600);
  --ry-blue-deep: var(--skyblue-800);
  --ry-blue-soft: var(--skyblue-100);
  --ry-cream: #fff8ec;
  --ry-ink: #1b1b1f;

  --color-primary: var(--skyblue-800);
  --color-primary-dark: var(--skyblue-900);
  --color-primary-light: var(--skyblue-600);
  --color-accent: var(--saffron-600);
  --color-accent-dark: var(--saffron-700);
  --color-success: var(--green-500);
  --color-danger: var(--rose-500);
  --color-warning: var(--amber-500);

  --color-surface: #f8f7f4;
  --color-surface-2: #eef2f7;
  --color-surface-3: #e4ebf4;
  --color-white: #ffffff;

  --color-text-primary: var(--navy-800);
  --color-text-secondary: #4a6280;
  --color-text-muted: #8fa3bc;
  --color-text-white: #ffffff;
  --color-text-white-70: rgba(255, 255, 255, 0.72);

  --color-border: #dde4ef;
  --color-border-strong: #c5d0e0;

  --module-academic: var(--navy-500);
  --module-yuva: var(--purple-500);
  --module-exam: var(--amber-500);
  --module-industry: var(--green-500);
  --module-skills: var(--teal-500);
  --module-wellness: var(--rose-500);
  --module-entrepreneur: var(--orange-500);

  --gradient-hero: linear-gradient(135deg, var(--skyblue-900) 0%, var(--skyblue-700) 55%, var(--skyblue-600) 100%);
  --gradient-accent: linear-gradient(90deg, var(--saffron-500) 0%, var(--saffron-700) 100%);
  --gradient-brand: linear-gradient(135deg, var(--saffron-600) 0%, var(--skyblue-600) 100%);
  --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --gradient-card: linear-gradient(135deg, #f8f7f4 0%, #eef2f7 100%);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --container-max: 1280px;
  --container-pad: clamp(1rem, 4vw, 2rem);
  --section-py: clamp(3rem, 6vw, 5rem);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 3px rgba(26, 58, 92, 0.07);
  --shadow-sm: 0 2px 8px rgba(26, 58, 92, 0.08), 0 0 0 1px rgba(26, 58, 92, 0.04);
  --shadow-md: 0 4px 16px rgba(26, 58, 92, 0.1), 0 0 0 1px rgba(26, 58, 92, 0.05);
  --shadow-lg: 0 8px 32px rgba(26, 58, 92, 0.14), 0 0 0 1px rgba(26, 58, 92, 0.06);
  --shadow-xl: 0 20px 60px rgba(26, 58, 92, 0.18);
  --shadow-nav: 0 1px 0 rgba(26, 58, 92, 0.08), 0 4px 16px rgba(0, 0, 0, 0.05);
  --shadow-hero-card: 0 24px 64px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.14);

  --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  --z-below: -1;
  --z-base: 0;
  --z-float: 10;
  --z-nav: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-toast: 400;
}