/* ============================================================
   Language Space Student Portal — Phase 1 v2 (dark-first)
   Tokens from language_space_waid_v3.html
   ============================================================ */

:root {
  --navy:        #0B1A3A;
  --navy-2:      #0F2049;
  --navy-3:      #182C5A;
  --navy-4:      #213B72;
  --mint:        #3DDBA8;
  --mint-2:      #2BA37D;
  --mint-soft:   rgba(61, 219, 168, 0.10);
  --mint-glow:   rgba(61, 219, 168, 0.25);
  --coral:       #FF6B5C;
  --coral-soft:  rgba(255, 107, 92, 0.10);
  --amber:       #F5A623;
  --bone:        #F4F2EC;
  --bone-2:      #E8E5DC;
  --bone-3:      #D9D5C8;
  --ink:         #0B1A3A;

  --bone-mute:   rgba(244, 242, 236, 0.68);
  --bone-soft:   rgba(244, 242, 236, 0.48);
  --bone-faint:  rgba(244, 242, 236, 0.32);
  --bone-line:   rgba(244, 242, 236, 0.08);
  --bone-line-2: rgba(244, 242, 236, 0.14);

  --ink-mute:    rgba(11, 26, 58, 0.62);
  --ink-faint:   rgba(11, 26, 58, 0.32);
  --ink-line:    rgba(11, 26, 58, 0.10);

  --font-sans:  'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, monospace;

  /* dark-mode shadow tokens */
  --shadow-card:    0 1px 3px rgba(0,0,0,0.30), 0 8px 24px rgba(0,0,0,0.20);
  --shadow-float:   0 4px 12px rgba(0,0,0,0.35), 0 18px 48px rgba(0,0,0,0.28);
  --shadow-inset:   inset 0 1px 0 rgba(255,255,255,0.04);

  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
}