/* Design tokens: "Leikkikenttä" style. Colours, type, spacing, borders and shadows used by base.c958cd1edd.css and components.css. */
:root {
  --color-ink: #1D1B3A;
  --color-ink-muted: #4A4766;
  --color-background: #FFF6E5;
  --color-surface: #FFFFFF;
  --color-yellow: #FFC93C;
  --color-coral: #FF6B4A;
  --color-green: #1F8A70;
  --color-green-light: #7FC8B4;
  --color-rule: #D9D2C3;
  --color-rule-soft: #F1E9D8;
  --color-rule-faint: #C9C2AE;
  --color-green-text: #17735D;
  --color-coral-text: #C2410C;
  --color-on-ink: #E4DFCF;
  --color-on-ink-muted: #A9A6C0;
  --color-ink-line: #3A3760;
  --color-on-green: #FFFFFF;
  --color-icon-tile: #ECE8FA;
  --color-status-open: #BFE8D6;
  --color-status-full: #FFC7B8;
  --color-status-other: #ECE6D8;

  --font-family: 'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;

  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.0625rem;
  --text-lg: 1.1875rem;
  --text-xl: 1.375rem;
  --text-2xl: clamp(1.75rem, 1.35rem + 1.8vw, 2.625rem);
  --text-price: clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --text-price-hero: clamp(2.5rem, 2rem + 2.4vw, 3.625rem);
  --line-height-tight: 1.15;
  --line-height-base: 1.45;

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --gutter: clamp(1rem, 5.6vw - 1rem, 4rem);
  --content-max: 82rem;

  --border-thin: 2px;
  --border: 3px;
  --border-thick: 4px;
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --shadow-hard: 6px 6px 0 var(--color-ink);
  --shadow-hard-lg: 8px 8px 0 var(--color-ink);
  --shadow-button: 5px 5px 0 var(--color-ink);

  --touch-target: 44px;
  --focus-ring: 0 0 0 3px var(--color-background), 0 0 0 6px var(--color-ink);
}