/* ============================================================
   BOX — design tokens
   The CreatixBox deep-space design system, codified from
   Mission Control. Primitives carry the raw values; semantic
   tokens map them to roles so any surface can theme by remap.
   ============================================================ */
:root {
  /* primitives */
  --bx-black: #010102;
  --bx-ink: #E7E9EF;
  --bx-grey-300: #969AA4;
  --bx-grey-500: #787C87;       /* lightened from #5B5E68 to clear WCAG AA on the near-black background */
  --bx-accent: #B6BDCC;
  --bx-accent-soft: #D8DCE6;
  --bx-panel: #090A0C;
  --bx-green: #47D17F;
  --bx-on-accent: #0A0B0D;
  --bx-line: rgba(200,206,222,.10);
  --bx-line-strong: rgba(200,206,222,.20);

  /* sentiment primitives (sparingly used, color carries meaning) */
  --bx-danger: #D8705F;                      /* destructive, delete, offline */
  --bx-danger-line: rgba(216,112,95,.4);     /* danger hover border */
  --bx-info: #4A96FF;                         /* highlight, info, selected cell */
  --bx-info-fill: rgba(74,150,255,.16);       /* info background wash */
  --bx-success: var(--bx-green);              /* semantic alias for green */

  /* hazard: the one alarm color. The brutalist Tactical-Telemetry register.
     Used sparingly: a live terminal cursor, an error line, an alarm accent. */
  --bx-hazard: #FF2A2A;                        /* aviation/hazard red */
  --bx-hazard-dim: rgba(255,42,42,.45);        /* dimmed hazard, for soft glows and trails */

  /* dos: the phosphor terminal green. The command line and its CBX prompt. */
  --bx-dos: #4AF626;                            /* classic DOS/CRT terminal green */
  --bx-dos-dim: rgba(74,246,38,.45);            /* dimmed dos, for the cursor glow */

  /* chrome holographic stops (the metallic wordmark sweep) */
  --bx-chrome-cyan: #7DE2FF;
  --bx-chrome-violet: #C9B8FF;
  --bx-chrome-gradient: linear-gradient(100deg,#5b5e68 0%,#e7e9ef 16%,#9aa0ad 30%,#ffffff 44%,#b8bdcc 54%,#7de2ff 66%,#c9b8ff 74%,#e7e9ef 86%,#5b5e68 100%);

  /* semantic */
  --bx-bg: var(--bx-black);
  --bx-text: var(--bx-grey-300);
  --bx-heading: var(--bx-ink);
  --bx-muted: var(--bx-grey-500);
  --bx-accent-fg: var(--bx-accent);
  --bx-surface: var(--bx-panel);
  --bx-border: var(--bx-line);
  --bx-border-strong: var(--bx-line-strong);
  --bx-status-live: var(--bx-green);
  --bx-status-danger: var(--bx-danger);
  --bx-status-info: var(--bx-info);
  --bx-status-hazard: var(--bx-hazard);

  /* type */
  --bx-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bx-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --bx-font-display: "Josefin Sans", var(--bx-font-sans);

  /* geometry and motion */
  --bx-radius: 4px;
  --bx-radius-lg: 6px;
  --bx-mono-track: .2em;
  --bx-ease: cubic-bezier(.16,1,.3,1);
}