/*
 * Shared design tokens for witching.org's redesign — colors, base reset,
 * typography. Loaded by every page: the tool suite, the landing page, and
 * informational (Content Page) pages.
 *
 * Source: build_docs/design_handoff_witch_tools/redesign/tools.html's
 * :root block, extended with the real 8-category event-type palette from
 * the same file's TYPE_COLOR map (build_docs/design-handoff-v2-review.md).
 * Do not hand-maintain a second copy of these values anywhere else.
 */

:root {
  --paper: #F3ECDE;
  --desk: #DED5C4;
  --ink: #1A1410;
  --ink-2: #241A12;
  --ink-soft: #39302A;
  --ink-mid: #4A3B2C;
  --blue-field: #16455C;
  --ochre-field: #EBD9B4;
  --brown-field: #3C2C1E;
  --wave-core: #1F6E88;
  --wave-core-alt: #2E8FB0;
  --ochre: #D89A2A;
  --rust: #8A4B22;
  --on-dark: #F0E4CE;
  --on-dark-2: #CBBEA4;
  --on-dark-dim: #B9AB94;
  --gold-eyebrow: #EEC77A;
  --cream: #F3ECDE;
  --cream-2: #F2E8D8;

  /* Event-type colors (8 real categories — matches data_eventtype.event_type_class).
     Exposed as CSS custom properties so any tool can style a swatch/band/pin
     purely in CSS (background:var(--type-legal-bg)) without needing the JS
     TYPE_COLOR lookup for presentation-only uses; the JS lookup (see
     tool-shell.js) is still the source of truth and is used wherever a type
     needs to be resolved dynamically from data. */
  --type-legal-bg: #241A12;        --type-legal-fg: #F2E8D8;
  --type-magic-bg: #16455C;        --type-magic-fg: #F0E4CE;
  --type-supernatural-bg: #1F6E88; --type-supernatural-fg: #F0E4CE;
  --type-healing-bg: #2E8FB0;      --type-healing-fg: #F0E4CE;
  --type-testing-bg: #D89A2A;      --type-testing-fg: #241A12;
  --type-maleficium-bg: #8A4B22;   --type-maleficium-fg: #F2E8D8;
  --type-death-bg: #3C2C1E;        --type-death-fg: #F2E8D8;
  --type-damages-bg: #B8783A;      --type-damages-fg: #241A12;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: 'Familjen Grotesk', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--rust); text-decoration: none; }
a:hover { color: var(--ochre); }

/* Primary-source citation text (Full Text, the shared drawer's citation
   body, Editions) uses a serif italic to visually distinguish it from UI
   chrome — see design_handoff_witch_tools/README.md's Typography note. */
.primary-source-text {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
}