/* ═══════════════════════════════════════════
   variables.css — Re-export of token layer + legacy aliases
   ───────────────────────────────────────────
   Token authoring lives in ./tokens/*. This file stays as the public entry
   so existing <link> tags in index.html / admin.html / portal.html keep working,
   and provides backward-compatible aliases for the ~150 use sites that still
   reference --navy / --gold / --txt etc. directly. New code should prefer
   the semantic names (--brand-primary, --text-primary, --surface-2 ...).
   ═══════════════════════════════════════════ */

@import url("./tokens/tokens-color.css");
@import url("./tokens/tokens-typography.css");
@import url("./tokens/tokens-spacing.css");
@import url("./tokens/tokens-motion.css");
@import url("./tokens/tokens-elevation.css");

:root {
  /* ─── Legacy aliases (do not remove until Phase 3 sweep) ─── */
  --navy:     var(--brand-primary);
  --navy-l:   var(--brand-primary-light);
  --steel:    var(--brand-secondary);
  --gold:     var(--brand-accent);
  --gold-l:   var(--brand-accent-light);
  --gold-bg:  var(--brand-accent-bg);
  --bg:       var(--surface-1);
  --card:     var(--surface-2);
  --txt:      var(--text-primary);
  --txt2:     var(--text-secondary);
  --ok:       var(--success);
  --warn:     var(--warning);
  --err:      var(--danger);
  --purple:   #7C3AED;
  --accent:   var(--info);
  --border:   var(--border-subtle);
  --green:    var(--success);
  --red:      var(--danger);
  --radius:   var(--radius-md);
  --shadow:   var(--shadow-2);
}