/* =========================================================
   vmcc-kit.css — COMPATIBILITY SHIM
   Authored 2026-05-17 by Foxtrot.
   The old monolithic vmcc-kit.css was replaced by the new
   Fusion design kit (tokens.css + components.css + deck.css)
   on 2026-05-17. Existing pages still <link> this file, so
   we re-export it as a thin shim that:
     1. Loads the new kit (tokens + components)
     2. Aliases the old --vm-* variable names to the new ones
        so pages with hardcoded `var(--vm-bg)` etc. still
        resolve to the new palette.
   Remove this file once every page has been migrated to use
   the new class system directly.
   ========================================================= */

@import "tokens.css";
@import "components.css";

/* ---- Legacy --vm-* alias map ----
   Old dark-mode variables → new light-mode kit values.
   Hand-mapped against the new tokens.css so existing pages
   don't go fully unstyled. Pages will look mismatched (dark
   structure on cream paper) until they're rebuilt against the
   new class system — that's a separate per-page push. */
:root {
  /* surfaces / text */
  --vm-bg:        var(--paper);
  --vm-bg-2:      var(--paper-2);
  --vm-fg:        var(--fg);
  --vm-fg-dim:    var(--fg-dim);
  --vm-fg-mute:   var(--fg-mute);
  --vm-fg-faint:  var(--fg-faint);
  --vm-surf:      var(--card);
  --vm-surf-2:    var(--card-2);
  --vm-well:      var(--well);

  /* hairlines */
  --vm-hair-0:    var(--hair-1);
  --vm-hair-1:    var(--hair-2);
  --vm-hair-2:    var(--hair-3);
  --vm-rule:      var(--rule);
  --vm-rule-2:    var(--rule-2);

  /* cyan accent (was the "alive" signal) */
  --vm-cy:        var(--cy);
  --vm-cy-2:      var(--cy-shade);
  --vm-cy-bright: var(--cy-bright);
  --vm-cy-bg:     var(--cy-bg);
  --vm-cy-edge:   var(--cy-edge);
  --vm-cy-halo:   var(--cy-halo);

  /* semantic */
  --vm-ok:        var(--ok);
  --vm-warn:      var(--warn);
  --vm-danger:    var(--danger);
  --vm-red:       var(--danger);
  --vm-attn:      var(--attn);
  --vm-link:      var(--link);
  --vm-ai:        var(--ai);

  /* fonts */
  --vm-sans:      var(--sans);
  --vm-mono:      var(--mono);
  --vm-serif:     var(--serif);
}