/* Mankerl design tokens. Generated by design/pipeline/design_tokens.py; do not edit by hand. */
:root {
  --base-rose: #F6DAD2;
  --base-sky: #BFDDF5;
  --base-sky-strong: #8FD0FF;
  --base-sun: #FFC24D;
  --base-jacket: #FF7A1A;
  --base-jacket-deep: #E25F0B;
  --base-fur: #B07A50;
  --base-belly: #F3DABB;
  --base-ink: #2A1E2F;
  --base-white: #FFFFFF;
  --base-night: #17131A;
  --base-good: #1E8A5A;
  --base-warn: #D97A00;
  --base-danger: #C8323C;
  --font-display: "Fredoka", system-ui, sans-serif;
  --font-text: "Nunito", system-ui, sans-serif;
  --font-hand: "Caveat", "Fredoka", cursive;
  --type-temperature-hero: 600 100px/100px var(--font-display);
  --type-temperature-hero-tracking: -0.03em;
  --type-temperature-l: 600 56px/56px var(--font-display);
  --type-temperature-l-tracking: -0.02em;
  --type-display: 600 34px/40px var(--font-display);
  --type-display-tracking: -0.01em;
  --type-title-1: 600 28px/34px var(--font-display);
  --type-title-1-tracking: -0.005em;
  --type-title-2: 600 22px/28px var(--font-display);
  --type-title-2-tracking: 0em;
  --type-title-3: 800 20px/26px var(--font-text);
  --type-title-3-tracking: 0em;
  --type-headline: 800 17px/22px var(--font-text);
  --type-headline-tracking: 0em;
  --type-body: 600 17px/24px var(--font-text);
  --type-body-tracking: 0em;
  --type-body-strong: 700 17px/24px var(--font-text);
  --type-body-strong-tracking: 0em;
  --type-callout: 600 16px/22px var(--font-text);
  --type-callout-tracking: 0em;
  --type-subhead: 700 15px/20px var(--font-text);
  --type-subhead-tracking: 0em;
  --type-footnote: 600 13px/18px var(--font-text);
  --type-footnote-tracking: 0em;
  --type-caption: 700 12px/16px var(--font-text);
  --type-caption-tracking: 0.01em;
  --type-number: 700 17px/22px var(--font-text);
  --type-number-tracking: 0em;
  --type-number-s: 700 13px/18px var(--font-text);
  --type-number-s-tracking: 0em;
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 64px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-sheet: 28px;
  --radius-pill: 999px;
  --size-touch-target: 44px;
  --size-icon-s: 20px;
  --size-icon-m: 24px;
  --size-icon-stroke: 2px;
  --size-button-height: 52px;
  --size-chip-height: 36px;
  --size-screen-margin: 20px;
  --size-card-padding: 16px;
  --size-mascot-hero-width: 130px;
  --size-mascot-hero-height: 156px;
  --duration-instant: 100ms;
  --duration-fast: 180ms;
  --duration-base: 260ms;
  --duration-slow: 400ms;
  --duration-mascot-blink: 160ms;
  --duration-mascot-idle-loop: 4200ms;
  --duration-gradient-drift: 24000ms;
  --easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --easing-enter: cubic-bezier(0.05, 0.7, 0.1, 1);
  --easing-exit: cubic-bezier(0.3, 0, 0.8, 0.15);
  --weather-sunny-day: linear-gradient(180deg, #8FD0FF, #FFE3B8, #FFC9A0);
  --weather-sunny-day-text: #2A1E2F;
  --weather-sunny-night: linear-gradient(180deg, #1B2550, #3A2E66, #5B3B6E);
  --weather-sunny-night-text: #FFFFFF;
  --weather-clear_night-day: linear-gradient(180deg, #2A3A78, #4A3E8C);
  --weather-clear_night-day-text: #FFFFFF;
  --weather-clear_night-night: linear-gradient(180deg, #0E1433, #2A1E55, #4A2F6E);
  --weather-clear_night-night-text: #FFFFFF;
  --weather-partly_cloudy-day: linear-gradient(180deg, #F6DAD2, #BFDDF5);
  --weather-partly_cloudy-day-text: #2A1E2F;
  --weather-partly_cloudy-night: linear-gradient(180deg, #2A3354, #4B5379);
  --weather-partly_cloudy-night-text: #FFFFFF;
  --weather-partly_cloudy_night-day: linear-gradient(180deg, #44507A, #5E5A8C);
  --weather-partly_cloudy_night-day-text: #FFFFFF;
  --weather-partly_cloudy_night-night: linear-gradient(180deg, #1F2742, #3B3F66);
  --weather-partly_cloudy_night-night-text: #FFFFFF;
  --weather-overcast-day: linear-gradient(180deg, #D9D3E0, #BDB6CB);
  --weather-overcast-day-text: #2A1E2F;
  --weather-overcast-night: linear-gradient(180deg, #2B2834, #45405A);
  --weather-overcast-night-text: #FFFFFF;
  --weather-fog-day: linear-gradient(180deg, #F2F0F0, #D9D7DD);
  --weather-fog-day-text: #2A1E2F;
  --weather-fog-night: linear-gradient(180deg, #3A3A44, #55545F);
  --weather-fog-night-text: #FFFFFF;
  --weather-drizzle-day: linear-gradient(180deg, #C6D3E2, #9FB3CC);
  --weather-drizzle-day-text: #2A1E2F;
  --weather-drizzle-night: linear-gradient(180deg, #26303F, #3C4A60);
  --weather-drizzle-night-text: #FFFFFF;
  --weather-rain-day: linear-gradient(180deg, #A9B9CC, #7F93AE);
  --weather-rain-day-text: #2A1E2F;
  --weather-rain-night: linear-gradient(180deg, #1E2735, #334158);
  --weather-rain-night-text: #FFFFFF;
  --weather-heavy_rain-day: linear-gradient(180deg, #5E7395, #3E4F70);
  --weather-heavy_rain-day-text: #FFFFFF;
  --weather-heavy_rain-night: linear-gradient(180deg, #121A2B, #24304A);
  --weather-heavy_rain-night-text: #FFFFFF;
  --weather-thunderstorm-day: linear-gradient(180deg, #4A3A73, #2E2550);
  --weather-thunderstorm-day-text: #FFFFFF;
  --weather-thunderstorm-night: linear-gradient(180deg, #160F2B, #2A1D4A);
  --weather-thunderstorm-night-text: #FFFFFF;
  --weather-snow-day: linear-gradient(180deg, #EAF4FF, #C9E2F7);
  --weather-snow-day-text: #2A1E2F;
  --weather-snow-night: linear-gradient(180deg, #2B3A55, #4D6385);
  --weather-snow-night-text: #FFFFFF;
  --weather-heat-day: linear-gradient(180deg, #FF8A6B, #FFB357, #FFD866);
  --weather-heat-day-text: #2A1E2F;
  --weather-heat-night: linear-gradient(180deg, #3B1F3A, #6B2E3F, #8A3F3A);
  --weather-heat-night-text: #FFFFFF;
  --weather-frost-day: linear-gradient(180deg, #E4F1FB, #BBD8EE);
  --weather-frost-day-text: #2A1E2F;
  --weather-frost-night: linear-gradient(180deg, #1D2B45, #33496B);
  --weather-frost-night-text: #FFFFFF;
  --weather-wind-day: linear-gradient(180deg, #BFE3E8, #8FB7C4, #A8C3CF);
  --weather-wind-day-text: #2A1E2F;
  --weather-wind-night: linear-gradient(180deg, #1C2E36, #2E4652);
  --weather-wind-night-text: #FFFFFF;
  --weather-hibernation-day: linear-gradient(180deg, #3A4A86, #27306A);
  --weather-hibernation-day-text: #FFFFFF;
  --weather-hibernation-night: linear-gradient(180deg, #0F1430, #1E2350);
  --weather-hibernation-night-text: #FFFFFF;
}
:root, [data-theme="light"] {
  color-scheme: light;
  --color-background: #FBF7F6;
  --color-surface: #FFFFFF;
  --color-surface-sunken: #F3ECEA;
  --color-surface-tint: #FDF1EC;
  --color-text: var(--base-ink);
  --color-text-secondary: #5E5263;
  --color-text-tertiary: #776B7C;
  --color-text-on-accent: var(--base-ink);
  --color-text-inverse: #FFFFFF;
  --color-border: #E9DFDD;
  --color-divider: #EFE7E5;
  --color-accent: var(--base-jacket);
  --color-accent-pressed: var(--base-jacket-deep);
  --color-accent-text: #B54600;
  --color-focus: #2F7FD0;
  --color-link: #B54600;
  --color-bubble: #FFFFFF;
  --color-bubble-user: #2A1E2F;
  --color-bubble-user-text: #FFFFFF;
  --color-chip: #F3ECEA;
  --color-chip-selected: var(--base-ink);
  --color-chip-selected-text: #FFFFFF;
  --color-good: #1A7A50;
  --color-good-surface: #E2F4EA;
  --color-warn: #9A5200;
  --color-warn-surface: #FFF0D9;
  --color-danger: #B3262F;
  --color-danger-surface: #FBE3E4;
  --color-danger-banner: var(--base-danger);
  --color-danger-banner-text: #FFFFFF;
  --color-label-top: #1A7A50;
  --color-label-top-surface: #E2F4EA;
  --color-label-gut: #1D5F96;
  --color-label-gut-surface: #E3F0FB;
  --color-label-okay: #7A5600;
  --color-label-okay-surface: #FFF3D1;
  --color-label-blocked: #5E5263;
  --color-label-blocked-surface: #F3ECEA;
  --color-score-0: #E9DFDD;
  --color-score-1: #FFE3A3;
  --color-score-2: #BFE3C8;
  --color-score-3: #5DBB88;
  --color-rain-bar: #5FA8E8;
  --color-rain-bar-track: #E3EEF8;
  --color-scrim: rgba(23, 19, 26, 0.45);
  --shadow-card: 0px 1px 3px 0px rgba(42,30,47, 0.06), 0px 8px 24px 0px rgba(42,30,47, 0.08);
  --shadow-raised: 0px 2px 6px 0px rgba(42,30,47, 0.08), 0px 16px 40px 0px rgba(42,30,47, 0.12);
  --shadow-button: 0px 4px 12px 0px rgba(226,95,11, 0.3);
  --shadow-sticker: 0px 6px 14px 0px rgba(0,0,0, 0.22);
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-background: var(--base-night);
  --color-surface: #231D27;
  --color-surface-sunken: #100D12;
  --color-surface-tint: #2B2230;
  --color-text: #FBF7F6;
  --color-text-secondary: #C9BFCB;
  --color-text-tertiary: #A89DAB;
  --color-text-on-accent: var(--base-ink);
  --color-text-inverse: var(--base-ink);
  --color-border: #3A3140;
  --color-divider: #2E2733;
  --color-accent: var(--base-jacket);
  --color-accent-pressed: #FF9447;
  --color-accent-text: #FF9C55;
  --color-focus: #7DB8F2;
  --color-link: #FF9C55;
  --color-bubble: #2B2230;
  --color-bubble-user: #FBF7F6;
  --color-bubble-user-text: var(--base-ink);
  --color-chip: #2B2230;
  --color-chip-selected: #FBF7F6;
  --color-chip-selected-text: var(--base-ink);
  --color-good: #6FD3A0;
  --color-good-surface: #16352A;
  --color-warn: #FFB65C;
  --color-warn-surface: #3A2A12;
  --color-danger: #FF8A90;
  --color-danger-surface: #3D1A1E;
  --color-danger-banner: #B3262F;
  --color-danger-banner-text: #FFFFFF;
  --color-label-top: #6FD3A0;
  --color-label-top-surface: #16352A;
  --color-label-gut: #8CC4F5;
  --color-label-gut-surface: #172D42;
  --color-label-okay: #FFCF66;
  --color-label-okay-surface: #3A2F12;
  --color-label-blocked: #C9BFCB;
  --color-label-blocked-surface: #2B2230;
  --color-score-0: #3A3140;
  --color-score-1: #6B5622;
  --color-score-2: #2F6B4C;
  --color-score-3: #4FB07D;
  --color-rain-bar: #7DB8F2;
  --color-rain-bar-track: #2A3242;
  --color-scrim: rgba(0, 0, 0, 0.55);
  --shadow-card: 0px 1px 3px 0px rgba(0,0,0, 0.4), 0px 8px 24px 0px rgba(0,0,0, 0.3);
  --shadow-raised: 0px 2px 6px 0px rgba(0,0,0, 0.45), 0px 16px 40px 0px rgba(0,0,0, 0.4);
  --shadow-button: 0px 4px 12px 0px rgba(0,0,0, 0.4);
  --shadow-sticker: 0px 6px 14px 0px rgba(0,0,0, 0.22);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-background: var(--base-night);
    --color-surface: #231D27;
    --color-surface-sunken: #100D12;
    --color-surface-tint: #2B2230;
    --color-text: #FBF7F6;
    --color-text-secondary: #C9BFCB;
    --color-text-tertiary: #A89DAB;
    --color-text-on-accent: var(--base-ink);
    --color-text-inverse: var(--base-ink);
    --color-border: #3A3140;
    --color-divider: #2E2733;
    --color-accent: var(--base-jacket);
    --color-accent-pressed: #FF9447;
    --color-accent-text: #FF9C55;
    --color-focus: #7DB8F2;
    --color-link: #FF9C55;
    --color-bubble: #2B2230;
    --color-bubble-user: #FBF7F6;
    --color-bubble-user-text: var(--base-ink);
    --color-chip: #2B2230;
    --color-chip-selected: #FBF7F6;
    --color-chip-selected-text: var(--base-ink);
    --color-good: #6FD3A0;
    --color-good-surface: #16352A;
    --color-warn: #FFB65C;
    --color-warn-surface: #3A2A12;
    --color-danger: #FF8A90;
    --color-danger-surface: #3D1A1E;
    --color-danger-banner: #B3262F;
    --color-danger-banner-text: #FFFFFF;
    --color-label-top: #6FD3A0;
    --color-label-top-surface: #16352A;
    --color-label-gut: #8CC4F5;
    --color-label-gut-surface: #172D42;
    --color-label-okay: #FFCF66;
    --color-label-okay-surface: #3A2F12;
    --color-label-blocked: #C9BFCB;
    --color-label-blocked-surface: #2B2230;
    --color-score-0: #3A3140;
    --color-score-1: #6B5622;
    --color-score-2: #2F6B4C;
    --color-score-3: #4FB07D;
    --color-rain-bar: #7DB8F2;
    --color-rain-bar-track: #2A3242;
    --color-scrim: rgba(0, 0, 0, 0.55);
    --shadow-card: 0px 1px 3px 0px rgba(0,0,0, 0.4), 0px 8px 24px 0px rgba(0,0,0, 0.3);
    --shadow-raised: 0px 2px 6px 0px rgba(0,0,0, 0.45), 0px 16px 40px 0px rgba(0,0,0, 0.4);
    --shadow-button: 0px 4px 12px 0px rgba(0,0,0, 0.4);
    --shadow-sticker: 0px 6px 14px 0px rgba(0,0,0, 0.22);
  }
}