/* Habit Garden landing tokens: exported by web/landing/tools/export_assets.py from design/v2/tokens.css
 * (sha256 2ea557f34d09444d; itself generated from design/theme.json). Same hex values, no new hues.
 * Only change: [data-theme] blocks become prefers-color-scheme. Do not edit by hand; re-run the tool. */

:root {
  color-scheme: light dark;
  --c-background: #F7F1E6;
  --c-surface: #FFFBF4;
  --c-surface-raised: #FFFFFF;
  --c-surface-sunk: #EFE6D6;
  --c-text: #1F2E26;
  --c-muted: #5A675C;
  --c-border: #E3D9C8;
  --c-accent: #2F6B45;
  --c-on-accent: #FFFFFF;
  --c-danger: #B03A28;
  --c-leaf: #5E9C55;
  --c-leaf-soft: #E3EFDB;
  --c-water: #1B76A3;
  --c-on-water: #FFFFFF;
  --c-water-soft: #DDF1FA;
  --c-dew: #6EC6E8;
  --c-honey: #E0A128;
  --c-honey-ink: #8A5A0B;
  --c-honey-soft: #FBEBC7;
  --c-terracotta: #D98B5F;
  --c-soil: #4E3526;
  --c-glass-fill: #FFFFFFA3;
  --c-glass-stroke: #FFFFFFCC;
  --c-glass-shade: #1F2E261A;
  --c-glass-fallback: #FBF6EE;
  --c-scrim: #1F2E2666;
  --c-focus: #1B76A3;
  --g-water-base: #63C7D8;
  --g-water-tint: #DDF1F6;
  --g-water-ink: #154E5E;
  --g-water-deep: #1C7892;
  --g-move-base: #F2A172;
  --g-move-tint: #FDE8DA;
  --g-move-ink: #733511;
  --g-move-deep: #A6501A;
  --g-learn-base: #A58BDB;
  --g-learn-tint: #EEE8FA;
  --g-learn-ink: #45307A;
  --g-learn-deep: #7254BE;
  --g-balance-base: #5DBB8A;
  --g-balance-tint: #E0F2E7;
  --g-balance-ink: #1D5A3A;
  --g-balance-deep: #2E8458;
  --g-rest-base: #9FB3D6;
  --g-rest-tint: #E7ECF6;
  --g-rest-ink: #2F4468;
  --g-rest-deep: #5A6E9E;
  --g-care-base: #E3C04E;
  --g-care-tint: #FAF0CC;
  --g-care-ink: #5E4706;
  --g-care-deep: #8A6A0C;
  --g-heart-base: #EC93AE;
  --g-heart-tint: #FCE5EC;
  --g-heart-ink: #76213F;
  --g-heart-deep: #AF3D64;
  --m-lavender-base: #B7A6F0;
  --m-lavender-tint: #EEE9FF;
  --m-lavender-ink: #3F2F86;
  --m-lavender-deep: #8C78DE;
  --m-mint-base: #86D3B9;
  --m-mint-tint: #E1F5EE;
  --m-mint-ink: #1B5646;
  --m-mint-deep: #4FB592;
  --m-peach-base: #F5AE88;
  --m-peach-tint: #FDEBDF;
  --m-peach-ink: #77391B;
  --m-peach-deep: #EC8E62;
  --m-sky-base: #8CC8EE;
  --m-sky-tint: #E0F1FB;
  --m-sky-ink: #1B4A68;
  --m-sky-deep: #5AA9DD;
  --m-sage-base: #9DB89A;
  --m-sage-tint: #E6EEE3;
  --m-sage-ink: #2F4C35;
  --m-sage-deep: #6F9A6C;
  --m-sand-base: #D5BF98;
  --m-sand-tint: #F3EBDC;
  --m-sand-ink: #584628;
  --m-sand-deep: #B79A68;
  --m-slate-base: #97A5B4;
  --m-slate-tint: #E5EAEF;
  --m-slate-ink: #2F3D4B;
  --m-slate-deep: #6C7D90;
  --a-hairline: color-mix(in srgb, var(--c-text) 10%, transparent);
  --a-pressed: color-mix(in srgb, var(--c-text) 6%, transparent);
  --a-accent-tint: color-mix(in srgb, var(--c-accent) 12%, transparent);
  --a-accent-tint-strong: color-mix(in srgb, var(--c-accent) 20%, transparent);
  --a-water-tint: color-mix(in srgb, var(--c-water) 12%, transparent);
  --a-honey-tint: color-mix(in srgb, var(--c-honey) 18%, transparent);
  --a-danger-tint: color-mix(in srgb, var(--c-danger) 10%, transparent);
  --a-track: color-mix(in srgb, var(--c-text) 8%, transparent);
  --a-scrim-light: color-mix(in srgb, var(--c-text) 18%, transparent);
}

@media (prefers-color-scheme: dark) {
  :root {
  color-scheme: dark;
  --c-background: #131D18;
  --c-surface: #1C2923;
  --c-surface-raised: #24332C;
  --c-surface-sunk: #101814;
  --c-text: #F1EEE4;
  --c-muted: #A9B7AB;
  --c-border: #34463C;
  --c-accent: #93D3A2;
  --c-on-accent: #0F2517;
  --c-danger: #FF9C8A;
  --c-leaf: #94CF84;
  --c-leaf-soft: #22352A;
  --c-water: #72C8EE;
  --c-on-water: #082A3B;
  --c-water-soft: #17323F;
  --c-dew: #8FD6F2;
  --c-honey: #F2C35B;
  --c-honey-ink: #F6D48A;
  --c-honey-soft: #3A2F17;
  --c-terracotta: #E7A67C;
  --c-soil: #8C6A52;
  --c-glass-fill: #1A2620A8;
  --c-glass-stroke: #FFFFFF33;
  --c-glass-shade: #00000040;
  --c-glass-fallback: #223029;
  --c-scrim: #00000080;
  --c-focus: #72C8EE;
  --g-water-base: #5BBCD0;
  --g-water-tint: #16333B;
  --g-water-ink: #BFE9F2;
  --g-water-deep: #3A93A8;
  --g-move-base: #F0A276;
  --g-move-tint: #3B2618;
  --g-move-ink: #FFD9C2;
  --g-move-deep: #C8733D;
  --g-learn-base: #A48BE0;
  --g-learn-tint: #2A2345;
  --g-learn-ink: #DED4FF;
  --g-learn-deep: #7C62C4;
  --g-balance-base: #62C08F;
  --g-balance-tint: #173427;
  --g-balance-ink: #C4EDD6;
  --g-balance-deep: #3E9A6B;
  --g-rest-base: #9BB0D8;
  --g-rest-tint: #1F2A3F;
  --g-rest-ink: #D4DEF3;
  --g-rest-deep: #6F86B6;
  --g-care-base: #E0BE55;
  --g-care-tint: #353015;
  --g-care-ink: #F4E3A6;
  --g-care-deep: #B8962B;
  --g-heart-base: #EE97B1;
  --g-heart-tint: #3B1E29;
  --g-heart-ink: #FFD1DF;
  --g-heart-deep: #C9587F;
  --m-lavender-base: #9C8BE6;
  --m-lavender-tint: #2A2446;
  --m-lavender-ink: #DCD3FF;
  --m-lavender-deep: #6F5CC9;
  --m-mint-base: #6CC2A6;
  --m-mint-tint: #1B3530;
  --m-mint-ink: #BFEBDC;
  --m-mint-deep: #3E9C7D;
  --m-peach-base: #E9A07B;
  --m-peach-tint: #3A2419;
  --m-peach-ink: #FFD6C2;
  --m-peach-deep: #C8744C;
  --m-sky-base: #74B7E2;
  --m-sky-tint: #172F3F;
  --m-sky-ink: #C7E6FA;
  --m-sky-deep: #3F8CC0;
  --m-sage-base: #8BA988;
  --m-sage-tint: #223127;
  --m-sage-ink: #D2E3CF;
  --m-sage-deep: #5E845B;
  --m-sand-base: #C4AD85;
  --m-sand-tint: #352C1F;
  --m-sand-ink: #EADCC3;
  --m-sand-deep: #977A4C;
  --m-slate-base: #8796A6;
  --m-slate-tint: #232C36;
  --m-slate-ink: #D3DCE6;
  --m-slate-deep: #566779;
  --a-hairline: color-mix(in srgb, var(--c-text) 10%, transparent);
  --a-pressed: color-mix(in srgb, var(--c-text) 6%, transparent);
  --a-accent-tint: color-mix(in srgb, var(--c-accent) 12%, transparent);
  --a-accent-tint-strong: color-mix(in srgb, var(--c-accent) 20%, transparent);
  --a-water-tint: color-mix(in srgb, var(--c-water) 12%, transparent);
  --a-honey-tint: color-mix(in srgb, var(--c-honey) 18%, transparent);
  --a-danger-tint: color-mix(in srgb, var(--c-danger) 10%, transparent);
  --a-track: color-mix(in srgb, var(--c-text) 8%, transparent);
  --a-scrim-light: color-mix(in srgb, var(--c-text) 18%, transparent);
  }
}

:root {
  --sky-night-0: #0E1A33;
  --sky-night-1: #1B2B4D;
  --sky-night-2: #33456B;
  --sky-dawn-0: #3D4F7A;
  --sky-dawn-1: #C9A2B8;
  --sky-dawn-2: #F6C9A8;
  --sky-sunrise-0: #7FA6D6;
  --sky-sunrise-1: #F2C9B4;
  --sky-sunrise-2: #FCE1B2;
  --sky-day-0: #7DB9E6;
  --sky-day-1: #BFE0F2;
  --sky-day-2: #F4EEDF;
  --sky-golden-0: #8FB5DA;
  --sky-golden-1: #F3D2A2;
  --sky-golden-2: #F8C27E;
  --sky-sunset-0: #5B6FA3;
  --sky-sunset-1: #E8A38A;
  --sky-sunset-2: #F4B27A;
  --sky-dusk-0: #2E3D66;
  --sky-dusk-1: #6B5E8C;
  --sky-dusk-2: #D9937F;
  --rainbow-0: #F4A6A0;
  --rainbow-1: #F7C98B;
  --rainbow-2: #F4E39A;
  --rainbow-3: #A9D8A4;
  --rainbow-4: #9FC6E8;
  --rainbow-5: #B9A6E0;
  --sp-xxs: 2px;
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 12px;
  --sp-lg: 16px;
  --sp-xl: 20px;
  --sp-xxl: 24px;
  --sp-xxxl: 32px;
  --sp-gutter: 16px;
  --sp-section: 28px;
  --sp-dock-gap: 12px;
  --sp-xxxxl: 40px;
  --sp-huge: 48px;
  --sp-giant: 64px;
  --sp-card-gap: 10px;
  --sp-tile-gap: 12px;
  --sp-card-pad: 12px;
  --sp-kid-pad: 14px;
  --r-xs: 8px;
  --r-sm: 12px;
  --r-control: 16px;
  --r-field: 16px;
  --r-tile: 24px;
  --r-card: 28px;
  --r-sheet: 32px;
  --r-pill: 999px;
  --r-plate: 12px;
  --r-habit-card: 24px;
  --r-module: 28px;
  --r-glass-button: 999px;
  --font-display: ui-rounded, "SF Pro Rounded", "SF Compact Rounded", "Nunito", system-ui, sans-serif;
  --font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, "Noto Sans", sans-serif;
  --font-numbers: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;
  --fs-display: 34px;
  --lh-display: 40px;
  --fw-display: 800;
  --tr-display: -0.6px;
  --sc-display: 0.5;
  --fs-title: 28px;
  --lh-title: 34px;
  --fw-title: 800;
  --tr-title: -0.4px;
  --sc-title: 0.5;
  --fs-title2: 22px;
  --lh-title2: 28px;
  --fw-title2: 700;
  --tr-title2: -0.2px;
  --sc-title2: 0.6;
  --fs-title3: 20px;
  --lh-title3: 25px;
  --fw-title3: 700;
  --tr-title3: -0.1px;
  --sc-title3: 0.7;
  --fs-headline: 17px;
  --lh-headline: 22px;
  --fw-headline: 600;
  --tr-headline: -0.1px;
  --sc-headline: 1;
  --fs-body: 17px;
  --lh-body: 24px;
  --fw-body: 400;
  --tr-body: 0px;
  --sc-body: 1;
  --fs-callout: 16px;
  --lh-callout: 21px;
  --fw-callout: 500;
  --tr-callout: 0px;
  --sc-callout: 1;
  --fs-subhead: 15px;
  --lh-subhead: 20px;
  --fw-subhead: 500;
  --tr-subhead: 0px;
  --sc-subhead: 1;
  --fs-footnote: 13px;
  --lh-footnote: 18px;
  --fw-footnote: 500;
  --tr-footnote: 0.1px;
  --sc-footnote: 1;
  --fs-caption: 12px;
  --lh-caption: 16px;
  --fw-caption: 600;
  --tr-caption: 0.2px;
  --sc-caption: 1;
  --fs-button: 17px;
  --lh-button: 22px;
  --fw-button: 700;
  --tr-button: -0.1px;
  --sc-button: 0.8;
  --fs-button-small: 15px;
  --lh-button-small: 20px;
  --fw-button-small: 700;
  --tr-button-small: 0px;
  --sc-button-small: 0.8;
  --fs-number-xl: 64px;
  --lh-number-xl: 68px;
  --fw-number-xl: 700;
  --tr-number-xl: -1.6px;
  --sc-number-xl: 0.3;
  --fs-number-l: 32px;
  --lh-number-l: 36px;
  --fw-number-l: 800;
  --tr-number-l: -0.6px;
  --sc-number-l: 0.5;
  --fs-number-m: 20px;
  --lh-number-m: 24px;
  --fw-number-m: 700;
  --tr-number-m: -0.2px;
  --sc-number-m: 0.8;
  --fs-number-s: 15px;
  --lh-number-s: 20px;
  --fw-number-s: 600;
  --tr-number-s: 0px;
  --sc-number-s: 1;
  --dur-press: 100ms;
  --dur-confirm: 150ms;
  --dur-crossfade: 150ms;
  --dur-enter: 250ms;
  --dur-pour: 700ms;
  --dur-undo-window: 6000ms;
  --dur-idle-sway-loop: 6400ms;
  --dur-celebration-peak-px: 7ms;
  --dur-toast-life: 6000ms;
  --dur-placeholder-sheet: 250ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --glass-blur: 22px;
  --glass-saturate: 1.7;
  --size-glass-button: 44px;
  --size-kid-glass-button: 60px;
  --size-habit-card-min: 72px;
  --size-icon-plate: 48px;
  --size-clay-icon: 40px;
  --size-trailing-action: 44px;
  --size-trailing-capsule-max: 112px;
  --size-kid-tile-min: 188px;
  --size-kid-tile-icon: 64px;
  --size-kid-action: 60px;
  --size-kid-picture-icon: 84px;
  --size-name-capsule: 36px;
  --size-summary-card: 84px;
  --size-toast: 56px;
  --size-timer-pill: 40px;
  --size-stage-track: 240px;
  --size-stage-track-grown: 176px;
  --size-button-large: 56px;
  --size-button-medium: 48px;
  --size-button-small: 36px;
  --size-segmented: 36px;
  --size-stepper: 44px;
  --size-field: 52px;
}