:root, [data-theme="light"] {
  --paper: #f4f5f1;
  --paper-subtle: #e9ebe5;
  --paper-raised: #ffffff;
  --paper-inverse: #0f1411;
  --kelp: #24302a;
  --on-kelp: #f4f5f1;
  --driftwood: #cbc3b5;
  --sage: #7d8a80;
  --line: #d9dcd4;
  --line-control: #77817a;
  --line-strong: #0f1411;
  --ink: #0f1411;
  --ink-muted: #535b55;
  --ink-inverse: #f4f5f1;
  --ink-inverse-muted: #9aa49c;
  --forest: #16402f;
  --on-forest: #f4f5f1;
  --on-forest-muted: #a9c4b8;
  --seaglass: #8fd3c1;
  --on-seaglass: #0f1411;
  --seaglass-text: #1d6b5c;
  --seaglass-soft: #e4f4ef;
  --focus: #0f1411;
  --success: #1f6b4a;
  --success-soft: #e2f1e8;
  --warning: #855a00;
  --warning-soft: #fbf0d4;
  --danger: #a8221a;
  --danger-soft: #fbe9e6;
  --link: var(--ink);
}

[data-theme="dark"] {
  --paper: #0c100e;
  --paper-subtle: #141a17;
  --paper-raised: #1a211d;
  --paper-inverse: #f4f5f1;
  --kelp: #24302a;
  --driftwood: #3a3630;
  --sage: #56625a;
  --line: #26302b;
  --line-control: #6f7a72;
  --line-strong: #f4f5f1;
  --ink: #f4f5f1;
  --ink-muted: #a2aaa3;
  --ink-inverse: #0f1411;
  --ink-inverse-muted: #535b55;
  --forest: #1b4733;
  --seaglass-text: #8fd3c1;
  --seaglass-soft: #10241f;
  --focus: #f4f5f1;
  --success: #5fd39a;
  --success-soft: #0f2418;
  --warning: #f2b544;
  --warning-soft: #2a2008;
  --danger: #f97b70;
  --danger-soft: #2b0f0d;
}

: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: 160px;
  --radius-none: 0;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-xl: 48px;
  --radius-pill: 999px;
  --fluid-display-xxl: clamp(3.5rem, 1.6rem + 8.4vw, 10rem);
  --fluid-display-xl: clamp(2.75rem, 1.51rem + 5.48vw, 7rem);
  --fluid-display-lg: clamp(2.25rem, 1.6rem + 2.9vw, 4.5rem);
  --fluid-heading-1: clamp(1.875rem, 1.55rem + 1.45vw, 3rem);
  --fluid-heading-2: clamp(1.5rem, 1.35rem + 0.65vw, 2rem);
  --fluid-lead: clamp(1.0625rem, 0.99rem + 0.32vw, 1.3125rem);
  --fluid-body: clamp(0.9375rem, 0.92rem + 0.08vw, 1rem);
  --fluid-gutter: clamp(1rem, 0.42rem + 2.58vw, 3rem);
  --fluid-gap: clamp(1rem, 0.71rem + 1.29vw, 2rem);
  --fluid-stack: clamp(2rem, 1.42rem + 2.58vw, 4rem);
  --fluid-section: clamp(4rem, 2.26rem + 7.74vw, 10rem);
  --fluid-hero: clamp(6rem, 3.39rem + 11.6vw, 15rem);
  --font-display: Sora, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-poster: Unbounded, Sora, ui-sans-serif, sans-serif;
  --font-sans: Sora, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* shadows (light) */
  --shadow-none: none;
  --shadow-float: 0 24px 48px -12px rgba(15, 20, 17, 0.18), 0 2px 6px rgba(15, 20, 17, 0.06);

  /* motion */
  --bp-ease-tide: cubic-bezier(.2, .8, .2, 1);
  --bp-ease-swell: cubic-bezier(.45, 0, .2, 1);
  --bp-ease-spring: cubic-bezier(.3, 1.35, .5, 1);
  --bp-dur-quick: 200ms;
  --bp-dur-tide: 600ms;
  --bp-dur-rise: 900ms;
  --bp-dur-swell: 1600ms;
  --bp-dur-moon: 2400ms;
}

[data-theme="dark"] {
  --shadow-float: 0 24px 48px -12px rgba(0, 0, 0, 0.7);
}