:root {
  /* Light page, as in the Techlog UI (#fafaf8); cards are white, wells step darker */
  --bg-0: #fafaf8; --bg-1: #ffffff; --bg-2: #f1f1ee; --bg-3: #e8e8e4;
  --line: #8a8a8a; --line-strong: #4d4d4d;
  --text-0: #000000; --text-1: #1f1f1f; --text-2: #474747;
  --accent: #00514a; --accent-hover: #003833; --accent-ink: #ffffff; --accent-dim: rgba(0, 81, 74, .12);
  --info: #1e3a8a; --ok: #064e3b; --warn: #6b4400; --danger: #991b1b; --hyp: #5b21b6; --orange: #7c2d12; --gold: #8a6d00;
  --primary: #0b6b2f; --primary-hover: #084d22; --primary-ink: #ffffff;
  --grey-btn: #5a5a5a; --grey-btn-hover: #3f3f3f; --grey-ink: #ffffff;
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-md: 1rem; --fs-lg: 1.125rem; --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem; --fs-3xl: 2.5rem; --fs-4xl: clamp(2.25rem, 5vw, 3.75rem);
  --fs-shout: clamp(2.75rem, 8.2vw, 6.75rem);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px; --s-9: 112px;
  --r-1: 4px; --r-2: 8px; --r-3: 12px;
  --maxw: 1180px; --docs-maxw: 1320px;
  --header-h-full: 84px; --header-h-small: 52px;
}

/* Terminal-style surfaces stay dark inside the light page */
.cs, .codeblock, pre.mermaid {
  --bg-0: #1e1e1e; --bg-1: #252526; --bg-2: #2d2d30; --bg-3: #37373d;
  --line: #3c3c3c; --line-strong: #505050;
  --text-0: #f0f0f0; --text-1: #c0c0c0; --text-2: #8f8f8f;
  --accent: #2dd4bf; --accent-hover: #5eead4; --accent-ink: #04201c; --accent-dim: rgba(45, 212, 191, .12);
  --info: #60a5fa; --ok: #34d399; --warn: #fbbf24; --danger: #f87171; --hyp: #c4a8ff; --orange: #fb923c; --gold: #ffd24a;
  --primary: #34d399; --primary-hover: #6ee7b7; --primary-ink: #04201c;
  --grey-btn: #505050; --grey-btn-hover: #636363; --grey-ink: #ffffff;
}