/* Nectar Dessert — generated from tokens.json */
:root, [data-theme="paper"] {
  --cream-50: #fbf8f1;
  --cream-100: #f6f1e6;
  --cream-200: #ede6d4;
  --cream-300: #e1d8c0;
  --sage-100: #e4ead3;
  --sage-300: #b7c58f;
  --sage-500: #87995b;
  --sage-700: #56672f;
  --sage-900: #2a3618;
  --forest-700: #1d4a2c;
  --forest-900: #0f2a19;
  --caramel-400: #e08a2c;
  --caramel-600: #a45a17;
  --berry-500: #c43540;
  --biscuit-500: #9b6236;
  --cocoa-900: #2b1e16;
  --ink-900: #16120e;
  --ink-950: #0c0906;
  --ink-800: #1e1813;
  --surface: var(--cream-100);
  --surface-raised: var(--cream-50);
  --surface-sunken: var(--cream-200);
  --ink: var(--ink-900);
  --ink-muted: #5a4f42;
  --line: #16120e2e;
  --line-strong: #8a7d6b;
  --action: var(--forest-700);
  --on-action: var(--cream-100);
  --accent: var(--caramel-600);
  --accent-fill: var(--caramel-400);
  --brand: var(--sage-500);
  --on-brand: var(--ink-900);
  --danger: #b3202e;
  --focus: var(--forest-700);
  --glass: #f6f1e6b8;
  --glass-line: #ffffffb3;
  --scrim: #16120e99;
  --layer-cocoa: #3a2418;
  --layer-cream: #f1e4c3;
  --layer-biscuit: var(--biscuit-500);
  --layer-berry: var(--berry-500);
  --layer-glass: #dde5e0;
}
[data-theme="sage"] {
  --surface: var(--sage-500);
  --surface-raised: var(--cream-100);
  --surface-sunken: #7a8c4f;
  --ink: var(--ink-900);
  --ink-muted: #1f2a12;
  --line: #16120e47;
  --line-strong: #2a3618;
  --action: var(--ink-900);
  --on-action: var(--cream-100);
  --accent: var(--forest-900);
  --accent-fill: var(--cream-100);
  --brand: var(--cream-100);
  --on-brand: var(--ink-900);
  --danger: #4a0c13;
  --focus: var(--ink-900);
  --glass: #87995bb8;
  --glass-line: #ffffff4d;
  --scrim: #16120e99;
  --layer-biscuit: var(--biscuit-500);
  --layer-berry: var(--berry-500);
}
[data-theme="night"] {
  --surface: #14100c;
  --surface-raised: var(--ink-800);
  --surface-sunken: var(--ink-950);
  --ink: var(--cream-100);
  --ink-muted: #b9ae9b;
  --line: #f6f1e63d;
  --line-strong: #8f8574;
  --action: var(--cream-100);
  --on-action: var(--ink-900);
  --accent: var(--caramel-400);
  --accent-fill: var(--caramel-400);
  --brand: var(--sage-500);
  --on-brand: var(--ink-900);
  --danger: #ff9a9a;
  --focus: var(--caramel-400);
  --glass: #14100cb8;
  --glass-line: #f6f1e633;
  --scrim: #000000b3;
  --layer-biscuit: var(--biscuit-500);
  --layer-berry: var(--berry-500);
}
:root, [data-theme="paper"] {
  --shadow-soft: 0 1px 2px #16120e12, 0 10px 28px -10px #16120e26;
  --shadow-lift: 0 2px 4px #16120e14, 0 28px 56px -18px #16120e3d;
  --shadow-glass: 0 1px 0 #ffffffb3 inset, 0 12px 36px -12px #16120e33;
  --shadow-layer: 0 40px 60px -30px #16120e59;
  --focus-ring: 0 0 0 2px #f6f1e6, 0 0 0 4px #1d4a2c;
}
[data-theme="sage"] {
  --shadow-soft: 0 1px 2px #16120e1f, 0 10px 28px -10px #16120e40;
  --shadow-lift: 0 2px 4px #16120e24, 0 28px 56px -18px #16120e59;
  --shadow-glass: 0 1px 0 #ffffff4d inset, 0 12px 36px -12px #16120e4d;
  --shadow-layer: 0 40px 60px -30px #16120e73;
  --focus-ring: 0 0 0 2px #87995b, 0 0 0 4px #16120e;
}
[data-theme="night"] {
  --shadow-soft: 0 1px 2px #00000066, 0 10px 28px -10px #000000b3;
  --shadow-lift: 0 2px 4px #00000080, 0 28px 56px -18px #000000cc;
  --shadow-glass: 0 1px 0 #f6f1e61f inset, 0 12px 36px -12px #000000b3;
  --shadow-layer: 0 40px 60px -30px #000000cc;
  --focus-ring: 0 0 0 2px #14100c, 0 0 0 4px #e08a2c;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;
  --gutter: 40px;
  --container: 1440px;
  --section: 160px;
  --nav-h: 72px;
  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --radius-xl: 56px;
  --radius-pill: 999px;
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 560ms;
  --dur-reveal: 900ms;
  --dur-scene: 1400ms;
  --ease-expo: cubic-bezier(.16,1,.3,1);
  --ease-out: cubic-bezier(.22,1,.36,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --z-base: 1;
  --z-nav: 50;
  --z-overlay: 80;
  --z-cursor: 90;
  --z-preloader: 100;
  --blur-glass: 20px;
  --blur-strong: 40px;
  --font-sans: Geist, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-serif: "Instrument Serif", ui-serif, Georgia, serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.display-2xl { font-family: var(--font-sans); font-size: 200px; line-height: 0.86; font-weight: 200; letter-spacing: -0.065em; }
.display-xl { font-family: var(--font-sans); font-size: 152px; line-height: 0.9; font-weight: 200; letter-spacing: -0.058em; }
.display-l { font-family: var(--font-sans); font-size: 104px; line-height: 0.94; font-weight: 200; letter-spacing: -0.05em; }
.display-m { font-family: var(--font-sans); font-size: 72px; line-height: 1; font-weight: 200; letter-spacing: -0.042em; }
.display-s { font-family: var(--font-sans); font-size: 52px; line-height: 1.04; font-weight: 250; letter-spacing: -0.035em; }
.heading { font-family: var(--font-sans); font-size: 32px; line-height: 1.2; font-weight: 300; letter-spacing: -0.022em; }
.lead { font-family: var(--font-sans); font-size: 22px; line-height: 1.5; font-weight: 300; letter-spacing: -0.012em; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; letter-spacing: -0.006em; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 1.55; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 15px; line-height: 1; font-weight: 500; letter-spacing: -0.01em; }
.label { font-family: var(--font-mono); font-size: 12px; line-height: 1.3; font-weight: 500; letter-spacing: 0.08em; }
.accent-italic { font-family: var(--font-serif); font-size: 1em; line-height: 1; font-weight: 400; letter-spacing: -0.02em; font-style: italic; }
@font-face { font-family: "Geist"; src: url("fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/InstrumentSerif-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/InstrumentSerif-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }