/*
 * Blue Mech — Precision design tokens.
 * Ported 1:1 from the design source (preview/index.html). Single source of
 * truth for the rebuild; patterns (Phase 2+) reference these vars, never raw hex.
 */
:root {
  /* Ink (text) */
  --ink-primary:   #0B1B3A;
  --ink-secondary: #5B6B7E;
  --ink-tertiary:  #647585; /* WCAG AA: 4.75:1 on white (was #9CA8B8 = 2.41:1, failed) — muted text still lighter than --ink-secondary */

  /* Accent */
  --accent-amber:       #F5B600;
  --accent-amber-hover: #D89C00;

  /* Surfaces */
  --surface-base:    #FFFFFF;
  --surface-raised:  #F7F8FB;
  --surface-sunken:  #EEF1F6;
  --surface-inverse: #0B1B3A;

  /* Lines — blueprint grid uses a faint cyan */
  --line-divider:    #E1E6EE;
  --line-grid:       rgba(77, 216, 255, 0.16);
  --line-grid-major: rgba(77, 216, 255, 0.28);

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* Spacing scale */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;

  /* Layout */
  --container:     1280px;
  --container-pad: 48px;

  /* Motion */
  --t-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Elevation */
  --shadow-card:       0 1px 2px rgba(11,27,58,0.04), 0 4px 12px rgba(11,27,58,0.06);
  --shadow-card-hover: 0 2px 4px rgba(11,27,58,0.06), 0 8px 24px rgba(11,27,58,0.10);

  /* Type families */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Light base: ensure Inter renders site-wide; mono for code. Patterns refine the rest. */
body { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
code, pre, kbd, samp { font-family: var(--font-mono); }