/* GENERATED from docs/tokens.json by scripts/tokens-to-css.mjs (type sizes converted to rem). Do not edit. */
:root {
  --color-ground: #F7F4FA;
  --color-surface: #FFFFFF;
  --color-surface-sunken: #EDE7F3;
  --color-border: #E6E0EE;
  --color-divider: #F0EBF5;
  --color-border-input: #8C8499;
  --color-text: #221E2E;
  --color-text-secondary: #4A4458;
  --color-text-muted: #615A70;
  --color-primary: #C2335A;
  --color-primary-hover: #A3264A;
  --color-on-primary: #FFFFFF;
  --color-primary-soft: #FCEEF2;
  --color-on-primary-soft: #A3264A;
  --color-focus: #7B4FD6;
  --color-night: #2B2950;
  --color-on-night: #F4F1FF;
  --color-on-night-muted: #CFCAF0;
  --color-day: #CFE6FA;
  --color-on-day: #14304F;
  --color-on-day-muted: #2D4A6B;
  --color-sun: #F2A65A;
  --color-sun-stroke: #B9650F;
  --color-moon: #F6D98A;
  --color-note: #FFF4CC;
  --color-on-note: #3A2E00;
  --color-on-note-muted: #6B5300;
  --color-note-border: #C9A92E;
  --color-success: #2F7A4E;
  --color-success-soft: #E4F4EA;
  --color-on-success-soft: #1C5A35;
  --color-danger: #C23A3A;
  --color-danger-soft: #FDECEC;
  --color-on-danger-soft: #8A1C1C;
  --color-warning-soft: #FFF0DD;
  --color-on-warning-soft: #9A4F00;
  --color-info-soft: #E3EEFA;
  --color-on-info-soft: #1F5A99;
  --color-puzzle-a: #2F6FB3;
  --color-puzzle-b: #F2A65A;
  --color-plant-leaf: #4FA36E;
  --color-plant-leaf-new: #8BD3A1;
  --color-plant-stem: #2F7A4E;
  --color-plant-pot: #D9825B;
  --color-coin: #B7791F;
  --color-coin-soft: #FFF3D6;
  --color-on-coin-soft: #7A4E00;
  --color-mascot-rose: #D6466F;
  --color-mascot-coral: #D2522B;
  --color-mascot-leaf: #418963;
  --color-mascot-teal: #128896;
  --color-mascot-sky: #3A7EC7;
  --color-mascot-lilac: #8E65D4;
  --color-night-hill: #45427A;
  --font-family-display: Outfit, system-ui, sans-serif;
  --font-family-body: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --shadow-sheet: 0px -4px 24px 0px #221E2E29;
  --shadow-raised: 0px 2px 8px 0px #221E2E14;
  --size-touch-min: 44px;
  --size-button-height: 48px;
  --size-button-height-lg: 52px;
  --size-tab-bar-height: 78px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --size-content-max-app: 480px;
  --size-content-max-web: 1120px;
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-slow: 400ms;
  --motion-celebrate: 700ms;
  --motion-ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --type-display: 700 3rem/3.25rem var(--font-family-display);
  --type-h1: 700 1.75rem/2.125rem var(--font-family-display);
  --type-h2: 600 1.375rem/1.75rem var(--font-family-display);
  --type-h3: 600 1.125rem/1.5rem var(--font-family-display);
  --type-stat: 700 1.875rem/2.125rem var(--font-family-display);
  --type-body: 400 0.9375rem/1.375rem var(--font-family-body);
  --type-body-strong: 600 0.9375rem/1.375rem var(--font-family-body);
  --type-body-sm: 400 0.875rem/1.25rem var(--font-family-body);
  --type-caption: 400 0.8125rem/1.125rem var(--font-family-body);
  --type-label: 600 0.75rem/1rem var(--font-family-body);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --color-ground: #15131D;
    --color-surface: #1F1C2A;
    --color-surface-sunken: #2A2638;
    --color-border: #34304A;
    --color-divider: #2A2638;
    --color-border-input: #7D7593;
    --color-text: #F2EFF8;
    --color-text-secondary: #CBC5D8;
    --color-text-muted: #A79FB8;
    --color-primary: #F07A9A;
    --color-primary-hover: #F59AB2;
    --color-on-primary: #1A0F14;
    --color-primary-soft: #3A1F2C;
    --color-on-primary-soft: #F7B8C9;
    --color-focus: #B9A2F2;
    --color-night: #2B2950;
    --color-day: #23405F;
    --color-on-day: #E8F1FB;
    --color-on-day-muted: #C3D6EA;
    --color-note: #3B3420;
    --color-on-note: #FFE9A8;
    --color-on-note-muted: #E3CF8C;
    --color-success-soft: #18352A;
    --color-on-success-soft: #9EE6B8;
    --color-danger-soft: #3D1A1C;
    --color-on-danger-soft: #FFB4B4;
    --color-coin: #E8B04A;
    --color-coin-soft: #3A2C10;
    --color-on-coin-soft: #FFD98A;
  }
}
:root[data-theme='dark'] {
  --color-ground: #15131D;
  --color-surface: #1F1C2A;
  --color-surface-sunken: #2A2638;
  --color-border: #34304A;
  --color-divider: #2A2638;
  --color-border-input: #7D7593;
  --color-text: #F2EFF8;
  --color-text-secondary: #CBC5D8;
  --color-text-muted: #A79FB8;
  --color-primary: #F07A9A;
  --color-primary-hover: #F59AB2;
  --color-on-primary: #1A0F14;
  --color-primary-soft: #3A1F2C;
  --color-on-primary-soft: #F7B8C9;
  --color-focus: #B9A2F2;
  --color-night: #2B2950;
  --color-day: #23405F;
  --color-on-day: #E8F1FB;
  --color-on-day-muted: #C3D6EA;
  --color-note: #3B3420;
  --color-on-note: #FFE9A8;
  --color-on-note-muted: #E3CF8C;
  --color-success-soft: #18352A;
  --color-on-success-soft: #9EE6B8;
  --color-danger-soft: #3D1A1C;
  --color-on-danger-soft: #FFB4B4;
  --color-coin: #E8B04A;
  --color-coin-soft: #3A2C10;
  --color-on-coin-soft: #FFD98A;
}
/* GENERATED: fixed day-sky colours from docs/tokens.json; mascot colours from assets/mascots/palette.json. */
:root {
  --color-day-fixed: #CFE6FA;
  --color-on-day-fixed: #14304F;
  --color-on-day-muted-fixed: #2D4A6B;
  --mascot-rose: #D6466F;
  --mascot-coral: #D2522B;
  --mascot-leaf: #418963;
  --mascot-teal: #128896;
  --mascot-sky: #3A7EC7;
  --mascot-lilac: #8E65D4;
}