@font-face { font-family: "Unbounded"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/Unbounded-600.ttf") format("truetype"); }
@font-face { font-family: "Unbounded"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/Unbounded-700.ttf") format("truetype"); }
@font-face { font-family: "Figtree"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/Figtree-400.ttf") format("truetype"); }
@font-face { font-family: "Figtree"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/Figtree-600.ttf") format("truetype"); }
@font-face { font-family: "Figtree"; font-weight: 700; font-style: normal; font-display: swap; src: url("fonts/Figtree-700.ttf") format("truetype"); }
@font-face { font-family: "DM Mono"; font-weight: 500; font-style: normal; font-display: swap; src: url("fonts/DMMono-500.ttf") format("truetype"); }
/* Generated from design/tokens.json by apps/site/build.mjs. Don't edit by hand. */
:root {
  color-scheme: light dark;
  --sand: #FFF5EA;
  --surface: #FFFFFF;
  --fill: #FCE7D4;
  --fill-strong: #F6D5BA;
  --line: #EED7C3;
  --line-strong: #9C8172;
  --ink: #2B1830;
  --ink-muted: #6B5560;
  --night: #2B1830;
  --on-night: #FBEDE3;
  --hibiscus: #D93A24;
  --hibiscus-pressed: #B52D19;
  --on-hibiscus: #FFFFFF;
  --hibiscus-text: #C2321C;
  --hibiscus-soft: #FFE1D7;
  --hibiscus-deep: #A62D1A;
  --mango: #FFB423;
  --on-mango: #2B1830;
  --mango-soft: #FFEBC2;
  --mango-text: #8F4A00;
  --lagoon: #00757A;
  --on-lagoon: #FFFFFF;
  --lagoon-soft: #D2F0EE;
  --lagoon-text: #00666B;
  --palm: #2C7240;
  --palm-soft: #DDF2DF;
  --palm-text: #1F5C30;
  --berry: #9E1450;
  --on-berry: #FFFFFF;
  --berry-soft: #FBE0EA;
  --berry-text: #8A0F44;
  --focus: #00757A;
  --type-flight: #00757A;
  --type-stay: #6A44A8;
  --type-car: #FFB423;
  --type-transport: #2563C9;
  --type-food: #D93A24;
  --type-activity: #2C7240;
  --type-note: #7A6670;
  --on-type: #FFFFFF;
  --shadow-raised: 0 1px 2px rgba(43, 24, 48, 0.06), 0 4px 14px rgba(43, 24, 48, 0.07);
  --shadow-lifted: 0 2px 4px rgba(43, 24, 48, 0.08), 0 12px 32px rgba(43, 24, 48, 0.12);
  --font-display: "Unbounded", "Figtree", system-ui, sans-serif;
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --display-hero: 700 64px/64px var(--font-display); --display-hero-tracking: -0.02em;
  --display-xl: 700 40px/44px var(--font-display); --display-xl-tracking: -0.015em;
  --display-lg: 700 28px/34px var(--font-display); --display-lg-tracking: -0.01em;
  --display-md: 600 20px/26px var(--font-display);
  --numeral: 600 32px/36px var(--font-display);
  --headline: 700 18px/24px var(--font-sans);
  --body: 400 16px/24px var(--font-sans);
  --body-strong: 600 16px/24px var(--font-sans);
  --label: 600 15px/20px var(--font-sans);
  --caption: 500 13px/18px var(--font-sans);
  --overline: 700 12px/16px var(--font-sans); --overline-tracking: 0.08em;
  --code: 500 17px/22px var(--font-mono); --code-tracking: 0.08em;
  --code-sm: 500 13px/18px var(--font-mono); --code-sm-tracking: 0.04em;
  --space-half: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --size-hit: 44px;
  --size-control: 48px;
  --size-control-sm: 36px;
  --size-marker: 36px;
  --size-marker-sm: 28px;
  --size-content: 800px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --sand: #1B1424;
    --surface: #261D31;
    --fill: #33283F;
    --fill-strong: #43364F;
    --line: #3A2E46;
    --line-strong: #8C7890;
    --ink: #FBEDE3;
    --ink-muted: #BFA9B5;
    --night: #3B2752;
    --on-night: #FBEDE3;
    --hibiscus: #FF7158;
    --hibiscus-pressed: #FF8F7A;
    --on-hibiscus: #1B1424;
    --hibiscus-text: #FF8A73;
    --hibiscus-soft: #4A2027;
    --hibiscus-deep: #FFB4A3;
    --mango: #FFC24D;
    --on-mango: #1B1424;
    --mango-soft: #3F3017;
    --mango-text: #FFC24D;
    --lagoon: #4FD1CB;
    --on-lagoon: #1B1424;
    --lagoon-soft: #173A3D;
    --lagoon-text: #4FD1CB;
    --palm: #6FCF86;
    --palm-soft: #1C3A25;
    --palm-text: #6FCF86;
    --berry: #FF7FAE;
    --on-berry: #1B1424;
    --berry-soft: #47192E;
    --berry-text: #FF7FAE;
    --focus: #4FD1CB;
    --type-flight: #4FD1CB;
    --type-stay: #B79BF0;
    --type-car: #FFC24D;
    --type-transport: #7FA8FF;
    --type-food: #FF7158;
    --type-activity: #6FCF86;
    --type-note: #A8939E;
    --on-type: #1B1424;
    --shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.45), 0 4px 14px rgba(0, 0, 0, 0.3);
    --shadow-lifted: 0 2px 4px rgba(0, 0, 0, 0.5), 0 12px 32px rgba(0, 0, 0, 0.45);
  }
}