/* GENERATED by scripts/generate-design-tokens.ts from shared/design-tokens.ts.
   Do not edit: `npm run design:check` fails the build on any hand edit. */

:root{
  color-scheme:light dark;
  /* palette */
  --hull:#e9edec;
  --deck:#f7f9f8;
  --ink:#0e1a1c;
  --sounding:#4b5e62;
  --rule:#788885;
  --mark:#a4145a;
  --verdigris:#16665a;
  --shoal:#9a4318;
  --hairline:#99a5a3;
  --tickmark:#9eaaa8;
  /* faces */
  --font-display:system-ui,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-text:system-ui,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",SFMono-Regular,"Cascadia Mono","Segoe UI Mono","Roboto Mono",Menlo,Consolas,"Liberation Mono",monospace;
  /* type scale */
  --t-micro:11.5px;
  --t-mono:12.5px;
  --t-small:13.5px;
  --t-meta:15px;
  --t-body:17px;
  --t-lede:clamp(1.125rem,1.03rem + 0.42vw,1.3125rem);
  --t-h3:19px;
  --t-h2:clamp(1.5rem,1.14rem + 1.15vw,1.9375rem);
  --t-h1:clamp(2.375rem,1.35rem + 4.1vw,4.125rem);
  /* space scale */
  --s-1:4px;
  --s-2:8px;
  --s-3:12px;
  --s-4:16px;
  --s-5:24px;
  --s-6:32px;
  --s-7:48px;
  --s-8:64px;
  --s-9:96px;
  --s-10:128px;
  /* shell geometry */
  --shell:1080px;
  --gutter:clamp(20px,4vw,40px);
  --rail:56px;
  --nav-h:64px;
  /* motion */
  --ease:cubic-bezier(.2,.6,.2,1);
}

@media (prefers-color-scheme:dark){
  :root{
    --hull:#0b1416;
    --deck:#131f22;
    --ink:#dfe8e7;
    --sounding:#93a6a8;
    --rule:#5e7376;
    --mark:#f27ca6;
    --verdigris:#4fc0a4;
    --shoal:#db8b55;
    --hairline:#435457;
    --tickmark:#3f4f52;
  }
}