/* ════════════════════════════════════════════════════════════════
   SuperCat Design System — Token Bundle
   ────────────────────────────────────────────────────────────────
   Single entry point for ALL tokens.

   Usage:
     <link rel="stylesheet" href="/ds/tokens/index.css">

   Or if you only want one slice:
     <link rel="stylesheet" href="/ds/tokens/color.css">

   Order matters: primitives first, then semantic (which references them).
   ════════════════════════════════════════════════════════════════ */

@import url('./color.css');
@import url('./type.css');
@import url('./space.css');
@import url('./radius.css');
@import url('./shadow.css');
@import url('./motion.css');
@import url('./semantic.css');

/* ── Global text selection — solid brand crimson ──────────────────
   Default browser selection is generic blue. We replace it with
   solid crimson + cream foreground (--text-on-crimson) for instant
   brand recognition. Theme-aware via --color-crimson + the inverse
   text token. */
::selection {
  background: var(--color-crimson);
  color: var(--text-on-crimson);
}
::-moz-selection {
  background: var(--color-crimson);
  color: var(--text-on-crimson);
}