/* Generated from public/design/tokens.json by `node tools/design/build.js` — do not edit by hand. */

@font-face { font-family: "Baloo 2"; font-style: normal; font-weight: 600; font-display: swap; src: url("/design/fonts/baloo2-600.woff2") format("woff2"); }
@font-face { font-family: "Baloo 2"; font-style: normal; font-weight: 800; font-display: swap; src: url("/design/fonts/baloo2-800.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 400; font-display: swap; src: url("/design/fonts/nunito-400.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 700; font-display: swap; src: url("/design/fonts/nunito-700.woff2") format("woff2"); }
@font-face { font-family: "Nunito"; font-style: normal; font-weight: 800; font-display: swap; src: url("/design/fonts/nunito-800.woff2") format("woff2"); }

:root {
  color-scheme: light dark;
  --color-paper: #FFF8EF;
  --color-paper-2: #FBEBD8;
  --color-surface: #FFFFFF;
  --color-surface-2: #FFF3E6;
  --color-ink: #1F2A44;
  --color-ink-soft: #56607A;
  --color-line: #EADBC8;
  --color-line-strong: #D9C3A8;
  --color-primary: #FF6B4A;
  --color-primary-edge: #D9472A;
  --color-primary-soft: #FFE1D8;
  --color-primary-ink: #C2401F;
  --color-on-primary: #FFFFFF;
  --color-secondary: #14B8A6;
  --color-secondary-edge: #0B8A7C;
  --color-secondary-soft: #D2F4EF;
  --color-secondary-ink: #0A776B;
  --color-on-secondary: #FFFFFF;
  --color-reward: #FFC93C;
  --color-reward-edge: #D99A00;
  --color-reward-soft: #FFF0C2;
  --color-reward-ink: #8A5A00;
  --color-on-reward: #3A2A00;
  --color-success: #2FB36B;
  --color-success-edge: #1D8A4E;
  --color-success-soft: #D7F5E4;
  --color-success-ink: #15803D;
  --color-error: #E5484D;
  --color-error-edge: #B42B30;
  --color-error-soft: #FDE2E1;
  --color-error-ink: #C42B30;
  --color-locked: #C9BBA8;
  --color-locked-edge: #A99880;
  --color-focus: #2563EB;
  --color-shadow: rgba(31, 42, 68, 0.14);
  --area-airport-main: #3B82F6;
  --area-airport-light: #DCEBFF;
  --area-airport-dark: #1E4FA8;
  --area-taxi-city-main: #F2B705;
  --area-taxi-city-light: #FFF3C4;
  --area-taxi-city-dark: #8A6400;
  --area-hotel-main: #C2489B;
  --area-hotel-light: #FBE1F1;
  --area-hotel-dark: #7E2463;
  --area-downtown-main: #7C5CFF;
  --area-downtown-light: #E8E1FF;
  --area-downtown-dark: #4B32B8;
  --area-cafe-street-main: #C9773B;
  --area-cafe-street-light: #F8E5D3;
  --area-cafe-street-dark: #7E4519;
  --area-restaurant-main: #E5484D;
  --area-restaurant-light: #FDE0DF;
  --area-restaurant-dark: #9E2328;
  --area-shopping-main: #FF5DA2;
  --area-shopping-light: #FFE0EE;
  --area-shopping-dark: #B22766;
  --area-park-main: #3DAA5C;
  --area-park-light: #DDF3E2;
  --area-park-dark: #1F6E37;
  --area-beach-main: #14B8A6;
  --area-beach-light: #D3F6F1;
  --area-beach-dark: #0B7C70;
  --area-highway-main: #6366F1;
  --area-highway-light: #E3E4FF;
  --area-highway-dark: #3730A3;
  --area-national-park-main: #5E9B2E;
  --area-national-park-light: #E6F2D8;
  --area-national-park-dark: #365C17;
  --area-gas-station-main: #F97316;
  --area-gas-station-light: #FFE6D2;
  --area-gas-station-dark: #A8470A;
  --area-hospital-main: #0EA5E9;
  --area-hospital-light: #D8F1FD;
  --area-hospital-dark: #075985;
  --area-bank-office-main: #1D7A8C;
  --area-bank-office-light: #D5EEF2;
  --area-bank-office-dark: #0F4C58;
  --area-apartment-main: #FF7A59;
  --area-apartment-light: #FFE4DC;
  --area-apartment-dark: #B1452A;
  --area-suburb-main: #84CC16;
  --area-suburb-light: #EEF8D5;
  --area-suburb-dark: #4D7C0F;
  --area-office-main: #4A6FA5;
  --area-office-light: #DFE8F5;
  --area-office-dark: #2C4A75;
  --area-school-main: #F59E0B;
  --area-school-light: #FEF0D3;
  --area-school-dark: #92580A;
  --area-dmv-main: #64748B;
  --area-dmv-light: #E5E9F0;
  --area-dmv-dark: #334155;
  --area-campus-main: #A23B5A;
  --area-campus-light: #F6DDE5;
  --area-campus-dark: #64203A;
  --area-neighborhood-main: #10B981;
  --area-neighborhood-light: #D5F5E9;
  --area-neighborhood-dark: #06714F;
  --area-home-main: #F43F5E;
  --area-home-light: #FFE1E7;
  --area-home-dark: #9F1239;
  --font-heading: "Baloo 2", "Arial Rounded MT Bold", system-ui, sans-serif;
  --font-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --size-xs: 0.8125rem;
  --size-sm: 0.9375rem;
  --size-md: 1.0625rem;
  --size-lg: 1.25rem;
  --size-xl: 1.5rem;
  --size-xxl: 1.875rem;
  --size-display: 2.375rem;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-pill: 999px;
  --edge-button: 4px;
  --edge-card: 3px;
  --edge-node: 6px;
  --shadow-card: 0 2px 0 var(--color-line), 0 8px 24px -12px var(--color-shadow);
  --shadow-raised: 0 14px 32px -12px var(--color-shadow);
  --shadow-sheet: 0 -12px 40px -8px var(--color-shadow);
  --motion-fast: 120ms;
  --motion-base: 220ms;
  --motion-slow: 480ms;
  --motion-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --motion-out: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-paper: #141A2B;
    --color-paper-2: #0F1422;
    --color-surface: #1E263B;
    --color-surface-2: #252F48;
    --color-ink: #F4EDE3;
    --color-ink-soft: #AEB5C8;
    --color-line: #323D5A;
    --color-line-strong: #46537A;
    --color-primary: #FF7A5C;
    --color-primary-edge: #C84A2E;
    --color-primary-soft: #4A2A2A;
    --color-primary-ink: #FF9478;
    --color-on-primary: #1A0F0C;
    --color-secondary: #2DD4BF;
    --color-secondary-edge: #119382;
    --color-secondary-soft: #183F44;
    --color-secondary-ink: #5EEAD4;
    --color-on-secondary: #06231F;
    --color-reward: #FFD056;
    --color-reward-edge: #C79300;
    --color-reward-soft: #43381C;
    --color-reward-ink: #FFD873;
    --color-on-reward: #2A1F00;
    --color-success: #46C985;
    --color-success-edge: #23935A;
    --color-success-soft: #173D2C;
    --color-success-ink: #6EE7A0;
    --color-error: #FF6B6F;
    --color-error-edge: #C0383D;
    --color-error-soft: #4A2026;
    --color-error-ink: #FF8A8D;
    --color-locked: #4A5574;
    --color-locked-edge: #333C57;
    --color-focus: #7AA7FF;
    --color-shadow: rgba(0, 0, 0, 0.45);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-paper: #141A2B;
  --color-paper-2: #0F1422;
  --color-surface: #1E263B;
  --color-surface-2: #252F48;
  --color-ink: #F4EDE3;
  --color-ink-soft: #AEB5C8;
  --color-line: #323D5A;
  --color-line-strong: #46537A;
  --color-primary: #FF7A5C;
  --color-primary-edge: #C84A2E;
  --color-primary-soft: #4A2A2A;
  --color-primary-ink: #FF9478;
  --color-on-primary: #1A0F0C;
  --color-secondary: #2DD4BF;
  --color-secondary-edge: #119382;
  --color-secondary-soft: #183F44;
  --color-secondary-ink: #5EEAD4;
  --color-on-secondary: #06231F;
  --color-reward: #FFD056;
  --color-reward-edge: #C79300;
  --color-reward-soft: #43381C;
  --color-reward-ink: #FFD873;
  --color-on-reward: #2A1F00;
  --color-success: #46C985;
  --color-success-edge: #23935A;
  --color-success-soft: #173D2C;
  --color-success-ink: #6EE7A0;
  --color-error: #FF6B6F;
  --color-error-edge: #C0383D;
  --color-error-soft: #4A2026;
  --color-error-ink: #FF8A8D;
  --color-locked: #4A5574;
  --color-locked-edge: #333C57;
  --color-focus: #7AA7FF;
  --color-shadow: rgba(0, 0, 0, 0.45);
}
:root[data-theme="light"] { color-scheme: light; }