/* ardops.dev — design tokens (mirror of legacy/index.html :root) */
:root {
  /* Backgrounds */
  --bg-primary: #0a0e17;
  --bg-secondary: #111827;
  --bg-card: #1a2235;
  --bg-card-hover: #1f2a40;

  /* Text (contrast-tuned for WCAG 2.1 AA on --bg-primary #0a0e17 and --bg-card #1a2235) */
  --text-primary: #e2e8f0;
  --text-secondary: #b8c5d9; /* was #94a3b8 (4.06:1) → ≥6.5:1 on bg-primary, ≥5.5:1 on bg-card */
  --text-muted: #9ea9bd;     /* was #64748b (3.33:1) → ≥4.7:1 on bg-primary, ≥4.5:1 on bg-card */

  /* Accents */
  --accent: #22d3ee;
  --accent-dim: rgba(34, 211, 238, 0.15);
  --accent-glow: rgba(34, 211, 238, 0.3);
  --green: #4ade80;
  --green-dim: rgba(74, 222, 128, 0.15);
  --red: #f87171;
  --orange: #fb923c;
  --border: rgba(148, 163, 184, 0.1);

  /* Typography */
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-body: 'Outfit', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Layout */
  --max-content: 1000px;
  --max-hero: 800px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Motion */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-short: 0.3s;
  --dur-medium: 0.6s;
  --dur-long: 0.8s;

  /* Blog (spec 007) — derived from existing palette, no new literals */
  --code-bg: rgba(34, 211, 238, 0.08);      /* accent-tinted, very subtle */
  --code-border: rgba(34, 211, 238, 0.25);
  --blockquote-border: var(--accent);
  --toc-bg: var(--bg-secondary);
  --toc-text: var(--text-secondary);
  --chip-active-bg: var(--accent);
  --chip-active-text: var(--bg-primary);
}