/* ===== Design tokens =====
   Single source of truth for color/type/radius, shared by base.html and the
   standalone legal pages. Templates should read these instead of hardcoding
   hex values; changing the visual direction later should mean changing
   values here, not hunting literals.

   "Hantverk" direction: warm paper neutrals biased toward the brand hue,
   burnt orange accent, serif display for page titles. */
:root {
  --surface: #FFFDFA;
  --surface-muted: #FAF7F2;
  --surface-hover: #F3EDE4;
  --ink: #241D13;
  --ink-hover: #3D3426;
  --ink-secondary: #5C5346;
  --ink-muted: #786C5D;
  --ink-faint: #A89D8D;
  --line: #EAE2D5;
  --line-strong: #DDD2C0;
  --brand: #D96E0F;
  --brand-bright: #EE8A24;
  --brand-strong: #A04F06;
  --brand-soft: #F7E8D8;
  --brand-soft-deep: #F0DDC0;
  /* Semantic status colors (AA on their soft pairs and on --surface).
     Status gets color; categories get neutrals; actions get ink or brand. */
  --ok: #357046;
  --ok-strong: #28573A;
  --ok-soft: #E8F0E3;
  --warn: #8A6100;
  --warn-soft: #F7EDD4;
  --danger: #B3372C;
  --danger-soft: #F7E7E2;
  --radius: 10px;
  --radius-sm: 8px;
  --shadow-soft: 0 1px 2px rgba(36, 29, 19, 0.04), 0 8px 24px rgba(36, 29, 19, 0.06);
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif;
}