/* Vulcan Design System · North grammar · v4 tokens
 * Ink instrument palette. Identity decided Sept 23, 2026: monochrome ink,
 * dark slate canvas, neutral cool paper shell.
 * Contrast-audited to WCAG AA (see vulcan-ds-north-grammar.html, section 17).
 */

:root {
  /* shell: bright frame, navigation, filter bars */
  --vulcan-shell: #F5F6F8;
  --vulcan-shell-text: #23262B;
  --vulcan-shell-secondary: rgba(35, 38, 43, 0.68);
  --vulcan-shell-line: #E3E6EB;

  /* canvas: dark analytical surfaces */
  --vulcan-canvas: #1D222B;
  --vulcan-canvas-raised: #252A31;
  --vulcan-canvas-border: #333842;   /* structural hairlines only */
  --vulcan-canvas-line: #262C35;
  --vulcan-control-border: #6A727D;  /* interactive boundaries, 3.3:1 on canvas */

  /* text on canvas */
  --vulcan-primary: #ECEEF1;
  --vulcan-secondary: #99A1AB;

  /* accent: ink. On the shell it is dark; on canvas it inverts to light.
   * Apply the canvas scope (below) to any dark surface. */
  --vulcan-accent: #23262B;
  --vulcan-accent-hover: #0F1114;
  --vulcan-accent-soft: rgba(35, 38, 43, 0.08);
  --vulcan-on-accent: #FFFFFF;

  /* semantic state hues: dots, bands, edges, fills. Never 13px text on dark. */
  --vulcan-recorded: #4C9A6C;
  --vulcan-pending: #C79136;
  --vulcan-contested: #C75B52;

  /* state text variants: AA on canvas, raised, and the 20% selection band */
  --vulcan-recorded-text: #8AD6A6;
  --vulcan-pending-text: #E0B45E;
  --vulcan-contested-text: #F4ABA0;

  /* analytical marks, sort arrows */
  --vulcan-mark: #6E7683;

  /* motion */
  --vulcan-ease: cubic-bezier(0.2, 0, 0, 1);
  --vulcan-dur-fast: 120ms;   /* hover, selection tint */
  --vulcan-dur-enter: 200ms;  /* enter, exit */
  --vulcan-dur-struct: 320ms; /* structural change */

  /* radii */
  --vulcan-radius-card: 10px;
  --vulcan-radius-ctl: 8px;
  --vulcan-radius-pill: 999px;

  /* type */
  --vulcan-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* canvas scope: ink inverts on any dark surface */
.vulcan-canvas-scope {
  --vulcan-accent: #ECEEF1;
  --vulcan-accent-hover: #FFFFFF;
  --vulcan-accent-soft: rgba(236, 238, 241, 0.20);
  --vulcan-on-accent: #0F1114;
}