/*
 * The walkthrough pages were drawn inside a host that supplies shadcn-style theme tokens (--background, --foreground,
 * --chart-1, ...). This file supplies them from the site's paper-and-rubric palette, light and dark, so the original
 * page CSS (copied byte-for-byte by site/build.ts) renders as it did, in the site's colors.
 */
:root {
  --background: #f6f1e7;
  --foreground: #23201b;
  --card: #efe8da;
  --card-foreground: #23201b;
  --popover: #fbf8f2;
  --popover-foreground: #23201b;
  --primary: #9b2c1f;
  --primary-foreground: #fbf8f2;
  --secondary: #e9e1d1;
  --secondary-foreground: #23201b;
  --muted: #e9e1d1;
  --muted-foreground: #6b6358;
  --accent: #e9e1d1;
  --accent-foreground: #23201b;
  --border: #ddd3c2;
  --input: #cfc4b1;
  --ring: #1f5f9b;
  --radius: 8px;
  --chart-1: #9b2c1f;
  --chart-2: #2f6b5e;
  --chart-3: #a8741a;
  --chart-4: #4a5d8f;
  --chart-5: #7a4f7a;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #191714;
    --foreground: #ece5d8;
    --card: #221f1b;
    --card-foreground: #ece5d8;
    --popover: #26221d;
    --popover-foreground: #ece5d8;
    --primary: #e0806b;
    --primary-foreground: #191714;
    --secondary: #2c2823;
    --secondary-foreground: #ece5d8;
    --muted: #2c2823;
    --muted-foreground: #a59b8b;
    --accent: #2c2823;
    --accent-foreground: #ece5d8;
    --border: #3a352d;
    --input: #4a443a;
    --ring: #8cc0f0;
    --chart-1: #e0806b;
    --chart-2: #6fbfa9;
    --chart-3: #e0b25a;
    --chart-4: #93a6dd;
    --chart-5: #c79ac7;
  }
}

html {
  background: var(--background);
  color: var(--foreground);
}
body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
}