/*
 * Site tokens for the RAG & Agents Engineering labs (Phase 2, DS-01). Every lab links this
 * file after its own styles (rag-theory-import.mjs adds the link), so its Almanac variables
 * take the site's editorial values: oklch paper and ink, the green accent, and system faces
 * in place of Google Fonts, which font-src 'self' blocks. _site-lab.js sets html.dark.
 * Values mirror src/components/landing/tokens.css; change both together.
 */
:root {
  color-scheme: light;
  --color-paper: oklch(97% 0.007 86);
  --color-paper-2: oklch(94% 0.010 86);
  --color-paper-3: oklch(91% 0.012 84);
  --color-sheet: var(--color-paper-2);
  --color-ink: oklch(16% 0.012 280);
  --color-ink-2: oklch(29% 0.011 280);
  --color-muted: oklch(48% 0.010 75);
  --color-rule: oklch(85% 0.009 85);
  --color-rule-2: oklch(64% 0.010 80);
  /* A step darker than the site's 49 %: labs set accent text on accent-tinted panels. */
  --color-accent: oklch(45% 0.125 152);
  --color-accent-2: var(--color-accent);
  --color-accent-wash: color-mix(in oklab, var(--color-accent) 14%, var(--color-paper));
  --color-accent-ink: oklch(98% 0.005 88);
  --color-focus: oklch(52% 0.135 152);
  --color-success: var(--color-accent);
  --color-success-2: var(--color-accent);
  --color-error: oklch(52% 0.19 27);
  --color-error-2: var(--color-error);
  --color-node: var(--color-paper);
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-outlier: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

html.dark {
  color-scheme: dark;
  --color-paper: oklch(17% 0.010 86);
  --color-paper-2: oklch(20% 0.010 86);
  --color-paper-3: oklch(23% 0.011 84);
  --color-ink: oklch(94% 0.008 280);
  --color-ink-2: oklch(84% 0.008 280);
  --color-muted: oklch(70% 0.010 75);
  --color-rule: oklch(31% 0.009 85);
  --color-rule-2: oklch(52% 0.010 80);
  --color-accent: oklch(67% 0.105 152);
  --color-accent-ink: oklch(15% 0.010 88);
  --color-focus: oklch(66% 0.11 152);
  --color-error: oklch(70% 0.15 27);
}