/* Kattokorjaamo-tokenit CSS-muuttujina (vaalea teema), design systemin tokens.jsonista */
:root {
  --brand-red: #ed1f24; --on-brand: #ffffff;
  --action: #c8161d; --action-hover: #a81218; --on-action: #ffffff; --action-text: #c8161d;
  --ink: #1c1a1a; --ink-muted: #5e5b58;
  --surface: #ffffff; --surface-alt: #f3f2f0; --surface-inverse: #1c1a1a;
  --on-inverse: #ffffff; --on-inverse-muted: #b9b4af;
  --line: #e2e0dd; --line-strong: #8c8884; --focus: #ed1f24;
  --danger: #a81218; --success: #2f6b45;
  --kl-1: #a81218; --on-kl-1: #ffffff; --kl-2: #b35a12; --on-kl-2: #ffffff;
  --kl-3: #e9b949; --on-kl-3: #1c1a1a; --kl-4: #8fc29b; --on-kl-4: #1c1a1a;
  --kl-5: #2f6b45; --on-kl-5: #ffffff;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;
  --radius-sm: 4px; --radius-md: 6px; --radius-lg: 12px;
  --font-display: Urbanist, "Arial Narrow", system-ui, sans-serif;
  --font-body: Poppins, "Segoe UI", system-ui, sans-serif;
}