/*
 * cobaltian-site design tokens -- "Drafting Ink": near-black navy ink with
 * a safety-yellow accent (hazard-tape yellow -- on-brand for electrical/
 * utility work). Committed as the site's one designed identity, dark-only
 * by choice (DESIGN_GUIDE.md §2: whether an app offers modes at all is the
 * app's call) -- picked 2026-08-03 after a 4-direction divergence round.
 *
 * One documented source of visual truth (DESIGN_GUIDE.md §2). Every color,
 * spacing, radius, and font value on this site resolves through these
 * custom properties -- no raw hex/rgb/hsl anywhere else in the CSS.
 * Values here are authored in lockstep with scripts/verify-palette.mjs;
 * run `node scripts/verify-palette.mjs` after changing either.
 */

:root {
  --cobsite-bg: #0d1116;
  --cobsite-surface: #161b22;
  --cobsite-text: #f2f4f7;
  --cobsite-muted: #8b93a0;
  --cobsite-accent: #e8b800;
  --cobsite-accent-text: #0d1116;
  --cobsite-border: #262d38;
  --cobsite-success: #4caf6d;
  --cobsite-success-text: #08170d;
  --cobsite-warning: #e08a2a;
  --cobsite-warning-text: #241804;
  --cobsite-error: #ff7a6e;
  --cobsite-error-text: #2b0705;
  --cobsite-info: #5ea8d9;
  --cobsite-info-text: #061821;

  /* type */
  --cobsite-font-display: 'IBM Plex Sans', system-ui, sans-serif;
  --cobsite-font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --cobsite-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* spacing scale */
  --cobsite-space-1: 0.25rem;
  --cobsite-space-2: 0.5rem;
  --cobsite-space-3: 0.75rem;
  --cobsite-space-4: 1rem;
  --cobsite-space-6: 1.5rem;
  --cobsite-space-8: 2rem;
  --cobsite-space-12: 3rem;
  --cobsite-space-16: 4rem;
  --cobsite-space-24: 6rem;

  /* radius scale */
  --cobsite-radius-sm: 4px;
  --cobsite-radius-md: 8px;
  --cobsite-radius-lg: 14px;

  /* z-index scale */
  --cobsite-z-skiplink: 100;
  --cobsite-z-header: 10;

  --cobsite-max-width: 72rem;
  --cobsite-border-width: 1px;
  --cobsite-focus-ring: 3px solid var(--cobsite-accent);

  /* motion -- zeroed wholesale under prefers-reduced-motion below */
  --cobsite-motion-fast: 150ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cobsite-motion-fast: 0ms linear;
  }
}