/* ══════════════════════════════════════════════════════════════════════════
   ee-compat.css — Education Engine Legacy Variable Bridge
   Maps LimenGate's unprefixed vars to FlameNet --fn-* design tokens.
   Include AFTER the theme file. Remove once all references are migrated.
   Zero telemetry. Zero external dependencies.
   ══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Backgrounds */
  --bg-primary:   var(--fn-bg);
  --bg-secondary: var(--fn-surface);
  --bg-tertiary:  var(--fn-surface2);
  --bg-hover:     var(--fn-surface3);
  --bg-active:    var(--fn-surface3);

  /* Borders */
  --border:        var(--fn-border);
  --border-subtle: var(--fn-border);

  /* Text */
  --text-primary:   var(--fn-text);
  --text-secondary: var(--fn-text-dim);
  --text-muted:     var(--fn-text-ghost);
  --text-bright:    var(--fn-text-bright);

  /* Accent */
  --accent:        var(--fn-accent);
  --accent-hover:  var(--fn-accent-dim);
  --accent-subtle: var(--fn-accent-glow);

  /* Semantic */
  --success: var(--fn-success);
  --error:   var(--fn-error);
  --warning: var(--fn-warning);

  /* Radius */
  --radius-sm: var(--fn-radius-sm);
  --radius-md: var(--fn-radius-md);
  --radius-lg: var(--fn-radius-lg);

  /* Typography */
  --font-mono: var(--fn-font-mono);
  --font-ui:   var(--fn-font-body);
}