/* ══════════════════════════════════════════════════════════════════════════
   ee-tokens.css — Education Engine Design Tokens
   Built on FlameNet --fn-* convention.

   Default: Violet Threshold (dark) — matches existing learning content.
   Includes: Light mode, High Contrast mode.

   When Aelura chooses Education Engine's own palette, replace :root defaults
   here. The variable names stay the same — every page updates automatically.

   Zero telemetry. Zero external dependencies. Native fonts only.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Shared semantics & spacing ────────────────────────────────────────── */
:root {
  --fn-success: #3ddc84;
  --fn-warning: #f9c74f;
  --fn-error:   #f94144;
  --fn-info:    #00D4FF;

  --fn-space-xs: 4px;
  --fn-space-sm: 8px;
  --fn-space-md: 16px;
  --fn-space-lg: 24px;
  --fn-space-xl: 40px;

  --fn-radius-sm:   4px;
  --fn-radius-md:   8px;
  --fn-radius-lg:   12px;
  --fn-radius-full: 9999px;

  --fn-font-body:    system-ui, -apple-system, sans-serif;
  --fn-font-display: Georgia, 'Times New Roman', serif;
  --fn-font-mono:    ui-monospace, 'SF Mono', 'Cascadia Code', Consolas, monospace;
}

/* ── Default Dark (Violet Threshold) ───────────────────────────────────── */
:root,
[data-theme="dark"] {
  --fn-bg:         #110d22;
  --fn-surface:    #1a1338;
  --fn-surface2:   #221848;
  --fn-surface3:   #2a1f56;
  --fn-border:     #3d2b78;

  --fn-text:       #c8b8f0;
  --fn-text-dim:   #8870b8;
  --fn-text-ghost: #55407a;
  --fn-text-bright:#f0e8ff;

  --fn-accent:     #00D4FF;
  --fn-accent-dim: #0099bb;
  --fn-accent-glow:rgba(0, 212, 255, 0.15);

  --fn-gold:       #C9A84C;
  --fn-gold-dim:   #8A6A28;
}

/* ── Light Mode ────────────────────────────────────────────────────────── */
[data-theme="light"] {
  --fn-bg:         #f8f6ff;
  --fn-surface:    #efecf7;
  --fn-surface2:   #e4e0f0;
  --fn-surface3:   #d8d4e8;
  --fn-border:     #c8c4d8;

  --fn-text:       #2d2640;
  --fn-text-dim:   #6b6380;
  --fn-text-ghost: #9890a8;
  --fn-text-bright:#1a1530;

  --fn-accent:     #6b3fa0;
  --fn-accent-dim: #7d4fb5;
  --fn-accent-glow:rgba(107, 63, 160, 0.1);

  --fn-success:    #2d8a5e;
  --fn-warning:    #b8860b;
  --fn-error:      #c0392b;
  --fn-info:       #2980b9;
}

/* ── High Contrast ─────────────────────────────────────────────────────── */
[data-theme="high-contrast"] {
  --fn-bg:         #000000;
  --fn-surface:    #0a0a0a;
  --fn-surface2:   #111111;
  --fn-surface3:   #1a1a1a;
  --fn-border:     #6fc3df;

  --fn-text:       #ffffff;
  --fn-text-dim:   #cccccc;
  --fn-text-ghost: #888888;
  --fn-text-bright:#ffffff;

  --fn-accent:     #1aabff;
  --fn-accent-dim: #40b8ff;
  --fn-accent-glow:rgba(26, 171, 255, 0.3);

  --fn-success:    #89d185;
  --fn-warning:    #ffcc00;
  --fn-error:      #ff6060;
  --fn-info:       #1aabff;
}