/* Familjens hus — paper archive tokens */

:root {
  --bg: #f3eee4;
  --bg-wash: #ebe4d6;
  --bg-elevated: #faf6ee;
  --ink: #1c1914;
  --ink-muted: #5e584e;
  --accent: #3c5a48;
  --accent-hover: #2d4537;
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--bg));
  --clay: #9a5a3c;
  --danger: #8b2f2f;
  --success: #2b5a3a;
  --border: color-mix(in srgb, var(--ink) 13%, var(--bg));
  --ring: var(--accent);
  --line: #c9bfae;

  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;
  --font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "IBM Plex Mono", monospace;

  --step--1: clamp(0.8rem, 0.76rem + 0.18vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.08rem + 0.55vw, 1.5rem);
  --step-2: clamp(1.55rem, 1.2rem + 1.4vw, 2.2rem);
  --step-3: clamp(2.1rem, 1.35rem + 3vw, 3.6rem);
  --step-4: clamp(2.8rem, 1.5rem + 5vw, 5rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-4: 1rem;
  --space-3: 0.75rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --radius-s: 5px;
  --radius-m: 10px;
  --radius-l: 20px;
  --shadow: 0 20px 44px color-mix(in srgb, var(--ink) 9%, transparent);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --measure: 38rem;
  --header-h: 3.75rem;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ease-out: linear; }
}