/* Generated by tokens/sunseeker.tokens.mjs with design-book 2026-10-19. Do not edit by hand. */

:root {
  --primary-solnishko: #fe660b;
  --primary-cottage: #ffa649;
  --primary-melt: #fbd188;
  --primary-freckle: #510c00;
  --primary-white-swan: #ffffff;
  --primary-ice: #e9eae6;
  --primary-zamboni: #bdc9c2;
  --primary-tape: #879b98;
  --primary-wolfbird: #627876;
  --primary-kotik: #080053;
  --shade-full: var(--primary-kotik);
  --shade-darker: var(--primary-wolfbird);
  --shade-dark: var(--primary-tape);
  --shade-half: var(--primary-zamboni);
  --shade-lighter: var(--primary-ice);
  --shade-empty: var(--primary-white-swan);
  --text-default: var(--shade-empty);
  --text-inverted: var(--shade-full);
  --text-inverted-contrast: var(--primary-freckle);
  --icon-default: var(--shade-empty);
  --icon-inverted: var(--shade-full);
  --icon-inverted-contrast: var(--primary-freckle);
  --weather-foggy: var(--shade-lighter);
  --weather-snowy: var(--shade-empty);
  --weather-cloudy: var(--shade-half);
  --weather-rainy: var(--shade-darker);
  --weather-night: var(--shade-full);
  --weather-sunny-high: var(--primary-solnishko);
  --weather-sunny-mid: var(--primary-cottage);
  --weather-sunny-low: var(--primary-melt);
  --gradient-watermelon: #fe5560;
  --gradient-nectarine: #fe8354;
  --gradient-five-star: #fdad4c;
  --gradient-a-smell-of-bakery: #f5ead9;
  --gradient-emptiness: #fcfcfb;
  --gradient-pink: #ffc1cf;
  --gradient-flash-in-the-pan: #fe966e;
  --gradient-smashing-pumpkins: #fe5226;
  --gradient-yakitori: #ecaf49;
  --gradient-toasted-husk: #f08e59;
  --gradient-moonwalk: #c0bdc0;
  --gradient-white: #ffffff;
  --gradient-smooth-pebbles: #c9b5aa;
  --gradient-gull: #949095;
  --gradient-abandoned-spaceship: #717689;
  --gradient-sailor: #495a78;
  --gradient-frozen-mammoth: #e3dedf;
  --gradient-rendez-blue: #abbdce;
  --gradient-coca-mocha: #bb9e97;
  --gradient-bonne-nuit: #414862;
  --gradient-splashing-wave: #65dcf4;
  --gradient-sleepless-blue: #c1e0f0;
  --gradient-cream-puff: #f7b998;
  --gradient-lovely-little-rosy: #e6626e;
  --gradient-sail-to-the-sea: #9dc1f5;
  --gradient-maritime: #c2d3ef;
  --gradient-hint-of-blue: #d1e2f4;
  --gradient-distant-wind-chime: #edf1f5;
  --gradient-lunatic-lynx: #deae95;
  --gradient-chilli-con-carne: #9d591f;
  --gradient-galactic-compass: #493d83;
  --gradient-raven: #0b0a0b;
  --space-0: 0px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-20: 20px;
  --space-24: 24px;
  --space-36: 36px;
  --space-54: 54px;
  --space-76: 76px;
  --space-104: 104px;
  --strip-gap: var(--space-24);
  --strip-padding-block: var(--space-12);
  --icon-size-large: 64px;
  --icon-size-medium: 36px;
  --icon-size-small: 24px;
  --radius-popover: var(--space-12);
  --radius-pill: var(--space-24);
  --layout-header: var(--space-76);
  --layout-header-large: var(--space-104);
  --layout-strip: var(--space-76);
  --layout-gutter: var(--space-76);
  --layout-column: 988px;
  --layout-footer-gap: var(--space-36);
  --chrome-inset: var(--space-20);
  --chrome-gap: var(--space-36);
  --font-size-heading: 48px;
  --font-size-date: var(--font-size-summary);
  --font-size-summary: 20px;
  --font-size-action: 36px;
  --font-size-small: 16px;
  --font-family-display: Anton, Impact, 'Arial Narrow', sans-serif;
  --font-family-body: Inter, system-ui, -apple-system, Roboto, Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --line-height-action: 1.1;
  --line-height-display: 1.5;
  --line-height-body: 1.2;
  --type-heading-font-family: var(--font-family-display);
  --type-heading-font-size: var(--font-size-heading);
  --type-heading-font-weight: var(--font-weight-regular);
  --type-heading-line-height: var(--line-height-display);
  --type-date-font-family: var(--font-family-display);
  --type-date-font-size: var(--font-size-date);
  --type-date-font-weight: var(--font-weight-regular);
  --type-date-line-height: var(--line-height-display);
  --type-summary-font-family: var(--font-family-body);
  --type-summary-font-size: var(--font-size-summary);
  --type-summary-font-weight: var(--font-weight-medium);
  --type-summary-line-height: var(--line-height-body);
  --type-action-font-family: var(--font-family-body);
  --type-action-font-size: var(--font-size-action);
  --type-action-font-weight: var(--font-weight-regular);
  --type-action-line-height: var(--line-height-action);
  --type-small-font-family: var(--font-family-body);
  --type-small-font-size: var(--font-size-small);
  --type-small-font-weight: var(--font-weight-regular);
  --type-small-line-height: var(--line-height-body);
  --card-background: var(--weather-cloudy);
  --card-text: var(--text-inverted);
  --card-icon: var(--icon-inverted);
  --card-gradient-1: var(--gradient-frozen-mammoth);
  --card-gradient-2: var(--gradient-rendez-blue);
  --card-gradient-3: var(--gradient-coca-mocha);
  --card-gradient-4: var(--gradient-bonne-nuit);
  --card-sky-edge: var(--gradient-rendez-blue);
  --card-sky-mid: var(--gradient-frozen-mammoth);
  --card-glow-ink: var(--primary-kotik);
  --card-gradient: radial-gradient(circle farthest-corner at 119.4% -6.4%, var(--card-gradient-1) 0%, var(--card-gradient-2) 19%, var(--card-gradient-3) 49%, var(--card-gradient-4) 100%);
  --card-padding: var(--space-54);
  --card-section-gap: var(--space-54);
  --card-inline-gap: var(--space-12);
  --card-date-inset: var(--space-8);
  --timeline-sun-1: var(--gradient-a-smell-of-bakery);
  --timeline-sun-2: var(--gradient-five-star);
  --timeline-sun-3: var(--gradient-nectarine);
  --page-background: var(--gradient-frozen-mammoth);
  --page-panel: var(--gradient-rendez-blue);
  --page-chrome: var(--primary-kotik);
}

.type-heading {
  font-family: var(--type-heading-font-family);
  font-size: var(--type-heading-font-size);
  font-weight: var(--type-heading-font-weight);
  line-height: var(--type-heading-line-height);
}

.type-date {
  font-family: var(--type-date-font-family);
  font-size: var(--type-date-font-size);
  font-weight: var(--type-date-font-weight);
  line-height: var(--type-date-line-height);
}

.type-summary {
  font-family: var(--type-summary-font-family);
  font-size: var(--type-summary-font-size);
  font-weight: var(--type-summary-font-weight);
  line-height: var(--type-summary-line-height);
}

.type-action {
  font-family: var(--type-action-font-family);
  font-size: var(--type-action-font-size);
  font-weight: var(--type-action-font-weight);
  line-height: var(--type-action-line-height);
}

.type-small {
  font-family: var(--type-small-font-family);
  font-size: var(--type-small-font-size);
  font-weight: var(--type-small-font-weight);
  line-height: var(--type-small-line-height);
}

/* Every element with a Weather mode starts from the default mode (Cloudy). */

[data-weather] {
  --card-background: var(--weather-cloudy);
  --card-text: var(--text-inverted);
  --card-icon: var(--icon-inverted);
  --card-gradient-1: var(--gradient-frozen-mammoth);
  --card-gradient-2: var(--gradient-rendez-blue);
  --card-gradient-3: var(--gradient-coca-mocha);
  --card-gradient-4: var(--gradient-bonne-nuit);
  --card-sky-edge: var(--gradient-rendez-blue);
  --card-sky-mid: var(--gradient-frozen-mammoth);
  --card-glow-ink: var(--primary-kotik);
  --card-gradient: radial-gradient(circle farthest-corner at 119.4% -6.4%, var(--card-gradient-1) 0%, var(--card-gradient-2) 19%, var(--card-gradient-3) 49%, var(--card-gradient-4) 100%);
  --card-padding: var(--space-54);
  --card-section-gap: var(--space-54);
  --card-inline-gap: var(--space-12);
  --card-date-inset: var(--space-8);
  --page-background: var(--gradient-frozen-mammoth);
  --page-panel: var(--gradient-rendez-blue);
  --page-chrome: var(--primary-kotik);
}

/* Weather modes: each block holds only what differs from Cloudy. */

[data-weather="sunny-high"] {
  --card-background: var(--weather-sunny-high);
  --card-text: var(--text-inverted-contrast);
  --card-icon: var(--icon-inverted-contrast);
  --card-gradient-1: var(--gradient-emptiness);
  --card-gradient-2: var(--gradient-pink);
  --card-gradient-3: var(--gradient-flash-in-the-pan);
  --card-gradient-4: var(--gradient-smashing-pumpkins);
  --card-glow-ink: var(--primary-freckle);
  --page-background: var(--gradient-a-smell-of-bakery);
  --page-panel: var(--gradient-pink);
  --page-chrome: var(--primary-freckle);
}

[data-weather="sunny-mid"] {
  --card-background: var(--weather-sunny-mid);
  --card-text: var(--text-inverted-contrast);
  --card-icon: var(--icon-inverted-contrast);
  --card-gradient-1: var(--gradient-splashing-wave);
  --card-gradient-2: var(--gradient-sleepless-blue);
  --card-gradient-3: var(--gradient-cream-puff);
  --card-gradient-4: var(--gradient-lovely-little-rosy);
  --card-glow-ink: var(--primary-freckle);
  --page-background: var(--gradient-lovely-little-rosy);
  --page-panel: var(--gradient-sleepless-blue);
  --page-chrome: var(--primary-freckle);
}

[data-weather="sunny-low"] {
  --card-background: var(--weather-sunny-low);
  --card-text: var(--text-inverted-contrast);
  --card-icon: var(--icon-inverted-contrast);
  --card-gradient-1: var(--gradient-watermelon);
  --card-gradient-2: var(--gradient-nectarine);
  --card-gradient-3: var(--gradient-five-star);
  --card-gradient-4: var(--gradient-a-smell-of-bakery);
  --card-glow-ink: var(--primary-freckle);
  --page-background: var(--gradient-nectarine);
  --page-panel: var(--gradient-a-smell-of-bakery);
  --page-chrome: var(--primary-freckle);
}

[data-weather="foggy"] {
  --card-background: var(--weather-foggy);
  --card-gradient-1: var(--gradient-yakitori);
  --card-gradient-2: var(--gradient-toasted-husk);
  --card-gradient-3: var(--gradient-moonwalk);
  --card-gradient-4: var(--gradient-white);
  --card-sky-edge: var(--gradient-moonwalk);
  --card-sky-mid: var(--gradient-white);
  --page-background: var(--gradient-white);
  --page-panel: var(--gradient-yakitori);
}

[data-weather="rainy"] {
  --card-background: var(--weather-rainy);
  --card-text: var(--text-default);
  --card-icon: var(--icon-default);
  --card-gradient-1: var(--gradient-smooth-pebbles);
  --card-gradient-2: var(--gradient-gull);
  --card-gradient-3: var(--gradient-abandoned-spaceship);
  --card-gradient-4: var(--gradient-sailor);
  --card-sky-edge: var(--gradient-sailor);
  --card-sky-mid: var(--gradient-abandoned-spaceship);
  --card-glow-ink: var(--primary-white-swan);
  --page-background: var(--gradient-sailor);
  --page-panel: var(--gradient-smooth-pebbles);
  --page-chrome: var(--primary-white-swan);
}

[data-weather="snowy"] {
  --card-background: var(--weather-snowy);
  --card-gradient-1: var(--gradient-sail-to-the-sea);
  --card-gradient-2: var(--gradient-maritime);
  --card-gradient-3: var(--gradient-hint-of-blue);
  --card-gradient-4: var(--gradient-distant-wind-chime);
  --card-sky-edge: var(--gradient-maritime);
  --card-sky-mid: var(--gradient-distant-wind-chime);
  --page-background: var(--gradient-distant-wind-chime);
  --page-panel: var(--gradient-sail-to-the-sea);
}

[data-weather="night"] {
  --card-background: var(--weather-night);
  --card-text: var(--text-default);
  --card-icon: var(--icon-default);
  --card-gradient-1: var(--gradient-lunatic-lynx);
  --card-gradient-2: var(--gradient-chilli-con-carne);
  --card-gradient-3: var(--gradient-galactic-compass);
  --card-gradient-4: var(--gradient-raven);
  --card-sky-edge: var(--gradient-raven);
  --card-sky-mid: var(--primary-kotik);
  --card-glow-ink: var(--primary-white-swan);
  --page-background: var(--gradient-raven);
  --page-panel: var(--gradient-galactic-compass);
  --page-chrome: var(--primary-white-swan);
}