/* ============================================
   KI ACADEMY PREMIUM - DESIGN TOKENS
   ITCSS Layer: 00-tokens
   Extends PLU Main with warm Golden Hour palette
   ============================================ */

/* ------------------------------------------
   1. Import PLU Main Tokens (relative path)
   ------------------------------------------ */
@import url("../../../css/00-design-system/tokens.css");

/* ------------------------------------------
   2. Academy-Specific Color Tokens
   ------------------------------------------ */
:root {
  /* Premium Golden Hour Palette */
  --academy-apricot: #F4A261;
  --academy-apricot-dark: #E88D50;
  --academy-apricot-darker: #E76F51;
  --academy-apricot-light: #F4D03F;
  --academy-sage: #90A955;
  --academy-sage-dark: #7A9048;
  --academy-gold: #F5D547;
  
  /* Sprint Colors — aligned with navigation dots */
  --academy-teal: #4A90A4;
  --academy-teal-dark: #3D7A8C;
  --academy-amber: #E9C46A;
  --academy-amber-dark: #D4B056;

  /* Glow / shadow colors */
  --academy-primary-glow: rgba(144, 169, 85, 0.3);
  --academy-apricot-glow: rgba(244, 162, 97, 0.3);
  --academy-sage-glow: rgba(144, 169, 85, 0.3);
  --color-primary-glow: var(--academy-primary-glow);

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, var(--academy-sage) 0%, var(--academy-sage-dark) 100%);
  --gradient-apricot: linear-gradient(135deg, var(--academy-apricot) 0%, var(--academy-apricot-dark) 100%);
  --gradient-accent: linear-gradient(135deg, var(--academy-apricot) 0%, var(--academy-gold) 100%);
  --gradient-apricot-vivid: linear-gradient(135deg, var(--academy-apricot) 0%, var(--academy-apricot-darker) 100%);
  --gradient-golden: linear-gradient(135deg, var(--academy-apricot) 0%, var(--academy-gold) 100%);
  --gradient-hero-dark: linear-gradient(135deg, rgba(10, 12, 16, 0.95) 0%, rgba(10, 12, 16, 0.7) 50%, rgba(10, 12, 16, 0.4) 100%);

  /* Legacy aliases for migration compatibility */
  --color-apricot: var(--academy-apricot);
  --color-apricot-dark: var(--academy-apricot-dark);
  --color-apricot-darker: var(--academy-apricot-darker);
  --color-apricot-light: var(--academy-apricot-light);
  --color-sage: var(--academy-sage);
  --color-sage-dark: var(--academy-sage-dark);
  --color-gold: var(--academy-gold);
  --color-apricot-glow: var(--academy-apricot-glow);
  --color-sage-glow: var(--academy-sage-glow);

  /* Spacing aliases bridging old academy names to PLU Main tokens */
  --space-xs: var(--space-2);
  --space-sm: var(--space-4);
  --space-md: var(--space-6);
  --space-lg: var(--space-8);
  --space-xl: var(--space-12);
  --space-2xl: var(--space-16);
  --space-3xl: var(--space-24);

  /* Font aliases */
  --font-quote: 'Crimson Text', Georgia, serif;

  /* Academy semantic text colors (dark default) */
  --academy-text-primary: #ffffff;
  --academy-text-secondary: rgba(255, 255, 255, 0.7);
  --academy-text-muted: rgba(255, 255, 255, 0.5);

  /* Academy backgrounds (dark default) */
  /* Academy backgrounds — Premium Dark Mode Elevation System
     Layer 0 (void):         Deepest background — sections, body
     Layer 1 (void-light):   Alternating sections — subtle lift
     Layer 2 (void-lighter): Cards on dark sections — visible elevation
     Layer 3 (elevated):     Cards on light sections, hover — maximum lift */
  --academy-bg-void: #080810;
  --academy-bg-void-light: #13131f;
  --academy-bg-void-lighter: #1e1e2e;
  --academy-bg-elevated: #2a2a40;
}

/* ------------------------------------------
   3. Light Mode Overrides
   ------------------------------------------ */
html.light-theme[data-academy="premium"],
[data-theme="light"] {
  --academy-bg-void: #FDFCF7;
  --academy-bg-void-light: #F5F1EB;
  --academy-bg-void-lighter: #EDE8E0;
  --academy-bg-elevated: #FFFFFF;

  --academy-text-primary: #2A363B;
  --academy-text-secondary: rgba(42, 54, 59, 0.7);
  --academy-text-muted: rgba(42, 54, 59, 0.5);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.1);
  --academy-apricot-glow: rgba(244, 162, 97, 0.2);
}

/* ------------------------------------------
   4. Additional Academy Tokens
   ------------------------------------------ */
:root {
  /* Border radius extensions */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Easing curves */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}