/* walk.cpuchip.net design tokens — night-reading mood (Moses 6:34).
   Dark-first (the default), warm parchment ink, one gold accent.
   Components consume var(--…) ONLY. A literal hex or off-scale px in a component is a defect. */

:root {
  color-scheme: dark light;

  /* spacing — the only gaps that exist (4-base) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* type */
  --t-xs: 13px; --t-sm: 14px; --t-md: 17px; --t-lg: 21px; --t-xl: 26px; --t-2xl: 33px; --t-3xl: 42px;
  --font-display: Georgia, "Iowan Old Style", "Times New Roman", serif;  /* reading + headings */
  --font-ui: ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* chrome/nav */
  --font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;
  --lh-body: 1.7; --lh-tight: 1.25;
  --measure: 68ch;               /* reading column max */

  /* night palette (default) */
  --bg:        #0e1420;          /* deep night blue (the landing) */
  --surface:   #151d2b;
  --raised:    #1c2636;
  --ink:       #e8e4d8;          /* warm parchment */
  --ink-soft:  #b8b09a;
  --ink-faint: #8a836f;
  --line:      #26303f;

  /* the ONE accent — walk gold */
  --accent:      #d8c98a;
  --accent-strong:#c9a54a;
  --accent-ink:  #0e1420;        /* text on accent */
  --accent-soft: #23283a;        /* tinted bg for selected/highlight */

  /* node-kind hues (the Map) — muted, used as small dots/labels only, never as fills */
  --k-person:   #d8c98a;         /* gold */
  --k-place:    #86b8a6;         /* sage */
  --k-doctrine: #b6a2d8;         /* amethyst */
  --k-event:    #d89a86;         /* clay */
  --k-symbol:   #86a6d8;         /* slate blue */
  --k-prophecy: #c8b06a;         /* brass */

  /* depth */
  --shadow-1: 0 1px 2px rgb(0 0 0 / 0.35);
  --shadow-2: 0 4px 14px rgb(0 0 0 / 0.45);
  --shadow-3: 0 14px 36px rgb(0 0 0 / 0.55);
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-pill: 999px;

  /* motion */
  --quick: 160ms ease-out;
  --panel: 260ms ease-out;
}

/* optional day/parchment theme */
[data-theme="light"] {
  color-scheme: light;
  --bg:        #f5f1e6;
  --surface:   #fffdf7;
  --raised:    #fffdf7;
  --ink:       #2a2620;
  --ink-soft:  #5b5443;
  --ink-faint: #8a836f;
  --line:      #e3dcc8;
  --accent:      #9c7c2f;
  --accent-strong:#7c611f;
  --accent-ink:  #fffdf7;
  --accent-soft: #efe7d0;
  --shadow-1: 0 1px 2px rgb(0 0 0 / 0.06);
  --shadow-2: 0 4px 12px rgb(0 0 0 / 0.10);
  --shadow-3: 0 12px 32px rgb(0 0 0 / 0.14);
}

* { box-sizing: border-box; }
body {
  font-family: var(--font-ui);
  font-size: var(--t-md);
  line-height: var(--lh-body);
  color: var(--ink);
  background: var(--bg);
  margin: 0;
}
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; scroll-behavior: auto !important; }
}