/* Design tokens: owned by the Designer. TEXT-ONLY site: no SVG, images or icons; interest comes from type.

   PALETTE "imperial": warm rice-paper background, lacquer-black ink, imperial red, palace gold, roof-tile dark.
   Contrast (WCAG AA) on --color-bg: text 16:1, muted 7.5:1, red 7.1:1, gold-text 5.8:1.
   On --color-red-deep: paper 8.3:1, gold-light 5.6:1. On --color-dark-bg: paper 16:1, gold-light 12.7:1.
   --color-gold is bright and for borders/rules only, never for text on paper.

   TYPE SYSTEM (system fonts only):
   - Display / headings: --font-display, a classical serif stack (Georgia, Palatino). Large, tight, high weight.
   - Body: --font-body, a readable serif at 1.125rem (long-form history reads better in serif).
   - UI labels, nav, captions, dates: --font-ui, the system sans, small caps feel via uppercase + --tracking-wide.
   - Facts/figures (years, measurements): --font-mono.
   - Scale is 1.333 (perfect fourth), with --text-hero for the home page title only.
   - Use --tracking-wide on uppercase labels, --tracking-tight on big display type.
   ORNAMENTS (plain Unicode text or CSS borders, no graphics): use the --ornament-* strings in ::before/::after
   content, e.g. h2::before { content: var(--ornament-rule); }; and --rule-* border shorthands for section dividers. */
:root {
  --color-bg: #f8f1e1;
  --color-surface: #efe3c8;
  --color-text: #1b1410;
  --color-muted: #5a4a3c;
  --color-accent: #9e1b1b;
  --color-accent-contrast: #f8f1e1;
  --color-red: #9e1b1b;
  --color-red-deep: #8c1616;
  --color-gold: #c9a227;
  --color-gold-text: #7a5800;
  --color-gold-light: #e9c46a;
  --color-border: #c9b68c;
  --color-dark-bg: #2a0d0d;
  --color-dark-text: #f8f1e1;

  --font-display: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", serif;
  --font-body: Georgia, "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", serif;
  --font-heading: var(--font-display);
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.125rem;
  --text-md: 1.5rem;
  --text-lg: 2rem;
  --text-xl: 2.667rem;
  --text-2xl: 3.556rem;
  --text-hero: clamp(3rem, 10vw, 6.5rem);

  --weight-normal: 400;
  --weight-heading: 700;
  --weight-black: 900;
  --leading-tight: 1.1;
  --leading-body: 1.7;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.14em;
  --tracking-widest: 0.3em;
  --measure: 62ch;

  --ornament-rule: "\2766";
  --ornament-fleuron: "\2767";
  --ornament-diamond: "\25C6";
  --ornament-divider: "\25C6 \25C7 \25C6";
  --ornament-dots: "\00B7 \00B7 \00B7";
  --rule-double: 4px double var(--color-gold);
  --rule-thick-red: 6px solid var(--color-red);
  --rule-thin: 1px solid var(--color-border);

  --space: 1rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  --radius-sm: 0;
  --radius: 2px;
  --radius-lg: 4px;
  --shadow: none;
  --max-width: 70rem;
}