/* ============================================================
   Kuusankosken vapakalastusalue — design tokens
   Theme: "Virta" (light, editorial)
   ============================================================ */
:root{
  /* Type */
  --serif: 'Spectral', Georgia, 'Times New Roman', serif;
  --sans: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;

  /* Virta palette */
  --paper:    oklch(0.985 0.004 230);
  --paper-2:  oklch(0.966 0.006 230);
  --paper-3:  oklch(0.945 0.008 232);
  --ink:      oklch(0.27 0.02 245);
  --ink-soft: oklch(0.46 0.02 245);
  --ink-faint:oklch(0.62 0.015 245);
  --river:      oklch(0.46 0.09 235);
  --river-deep: oklch(0.36 0.08 240);
  --river-tint: oklch(0.93 0.03 235);
  --pine:      oklch(0.5 0.07 152);
  --pine-deep: oklch(0.42 0.07 152);
  --pine-tint: oklch(0.93 0.03 152);
  --danger:    oklch(0.55 0.14 32);
  --danger-tint: oklch(0.94 0.04 40);
  --line:     oklch(0.88 0.01 235);
  --line-soft:oklch(0.93 0.008 235);
  --on-river: oklch(0.985 0.004 230);

  /* derived */
  --accent: var(--river);
  --accent-deep: var(--river-deep);
  --accent-tint: var(--river-tint);

  --shadow-sm: 0 1px 2px oklch(0.4 0.03 240 / .06), 0 2px 8px oklch(0.4 0.03 240 / .05);
  --shadow-md: 0 4px 14px oklch(0.4 0.03 240 / .10), 0 1px 3px oklch(0.4 0.03 240 / .07);
  --shadow-lg: 0 18px 50px oklch(0.3 0.04 240 / .22);
  --radius: 5px;
  --radius-lg: 8px;
  --maxw: 1180px;
  --gutter: clamp(20px, 5vw, 64px);
}