:root {
  --color-paper: oklch(99% 0.01 93.338);
  --color-white: oklch(99.8% 0.005 93.338);
  --color-paper-2: oklch(95% 0.022 85);
  --color-ink: oklch(29% 0.068 158);
  --color-muted: oklch(48% 0.034 156);
  --color-rule: oklch(86% 0.025 115);
  --color-lime: oklch(72.810% 0.15946 129.636);
  --color-lime-soft: oklch(94% 0.065 121);
  --color-orange: oklch(70.162% 0.18513 43.862);
  --color-orange-ink: oklch(52% 0.14 43.862);
  --color-orange-soft: oklch(94% 0.041 70);
  --color-accent: oklch(37.183% 0.07997 163.346);
  --color-sand: oklch(97.235% 0.03629 93.338);
  --color-focus: oklch(53% 0.16 249);
  --color-danger: oklch(48% 0.17 28);
  --color-overlay: oklch(29% 0.068 158 / 0.35);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Montserrat', sans-serif;
  --font-numeral: 'Oswald', 'Arial Narrow', sans-serif;
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-display: clamp(3.4rem, 6.7vw, 6.75rem);
  --radius-card: 1rem;
  --radius-input: 0.5rem;
  --radius-button: 0.5rem;
  --rule-width: 1px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 150ms;
  --dur-prize: 360ms;
  --color-campaign-orange: oklch(81% 0.135 57);
  --color-campaign-peach: oklch(94% 0.045 65);
  --color-clock-panel: oklch(32% 0.065 161);
  --color-clock-rule: oklch(49% 0.07 161);
  --color-prize-shadow: oklch(56% 0.14 48);
  --text-payout-display: clamp(7rem, 11vw, 10rem);
  --text-clock: clamp(2rem, 3.8vw, 3.5rem);
  --color-zoo-forest: oklch(29% 0.055 165);
  --color-zoo-forest-light: oklch(38% 0.075 162);
  --color-zoo-ivory: oklch(98% 0.018 88);
  --color-zoo-mandarin: oklch(73% 0.17 48);
  --color-zoo-gold: oklch(86% 0.13 87);
  --color-zoo-gold-depth: oklch(66% 0.13 78);
  --color-zoo-sage: oklch(87% 0.065 132);
  --color-zoo-mist: oklch(95% 0.025 127);
  --color-zoo-line: oklch(84% 0.035 140);
  --color-zoo-shadow: oklch(24% 0.05 165 / 0.16);
  --color-zoo-deep-shadow: oklch(20% 0.04 165 / 0.3);
  --color-zoo-forest-edge: oklch(46% 0.065 163);
  --color-zoo-orange-edge: oklch(58% 0.14 48);
  /* Colour expansion for the homepage, based on the approved visual direction. */
  --color-zoo-blue: oklch(51% 0.205 257);
  --color-zoo-blue-deep: oklch(35% 0.145 258);
  --color-zoo-jungle: oklch(35% 0.078 161);
  --color-zoo-jungle-deep: oklch(28% 0.061 162);
  --color-zoo-leaf: oklch(67% 0.15 140);
  --color-zoo-citrus: oklch(92% 0.19 116);
  --color-zoo-citrus-soft: oklch(94% 0.115 109);
  --color-zoo-hero-light: oklch(99% 0.015 107);
  --color-zoo-hero-muted: oklch(93% 0.035 153);
  --color-zoo-light-line: oklch(99% 0.015 107 / 0.3);
  --color-zoo-scene-shade: oklch(19% 0.06 164 / 0.36);
  --color-zoo-scene-haze: oklch(73% 0.15 142 / 0.32);
  --color-zoo-card-shade: oklch(29% 0.065 160 / 0.15);
  --color-zoo-tile-green: oklch(90% 0.11 128);
  --color-zoo-tile-orange: oklch(87% 0.095 62);
  --color-zoo-tile-yellow: oklch(94% 0.13 101);
  --color-zoo-simulator: oklch(33% 0.07 166);
  --color-zoo-title-depth: oklch(20% 0.075 253 / 0.48);
  --color-zoo-prize-depth: oklch(48% 0.14 46);
  --color-zoo-prize-glint: oklch(100% 0 0 / 0.65);
}