/* GENERATED by tools/build_tokens.py from undercoat.tokens.json — do not edit. */

/* Light is the base definition and the print palette. Both dark states
   redefine tokens only — never components — so a colour is never declared
   for the first time inside a media query. */
:root {
  --undercoat: #f2f0ea;
  --vellum: #fbfaf7;
  --sunk: #e9e6dd;
  --ink: #191816;
  --ink-2: #57534c;
  --ink-3: #8a857b;
  --rule: #ded9ce;
  --rule-2: #eae6dd;
  --silver: #3e5566;
  --silver-lit: #7d8fa0;
  --silver-soft: #e5e9ec;
  --ice: #a8cadb;
  --ginger: #a8683f;
  --sable: #6b5544;
  --moss: #44584a;
  --alert: #b3402f;
  --fur-1: #dcd7ca;
  --fur-2: #cac2b0;
  --fur-3: #b1a894;
  --fur-4: #8d8372;
  --hero-1: #cfc8b7;
  --hero-2: #b6ab96;
  --hero-3: #948976;
  --hero-4: #6d6455;
  --shadow: 0 1px 2px rgba(25,24,22,.04), 0 18px 40px -28px rgba(25,24,22,.4);

  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --size-wordmark: 44px;
  --leading-wordmark: 0.85;
  --tracking-wordmark: -0.055em;
  --weight-wordmark: 700;
  --size-display: 40px;
  --leading-display: 1.0;
  --tracking-display: -0.045em;
  --weight-display: 700;
  --size-heading: 30px;
  --leading-heading: 1.13;
  --tracking-heading: -0.030em;
  --weight-heading: 700;
  --size-heading-2: 22px;
  --leading-heading-2: 1.15;
  --tracking-heading-2: -0.022em;
  --weight-heading-2: 660;
  --size-heading-3: 16px;
  --leading-heading-3: 1.375;
  --tracking-heading-3: -0.012em;
  --weight-heading-3: 660;
  --size-body: 17px;
  --leading-body: 1.62;
  --tracking-body: 0;
  --weight-body: 400;
  --size-small: 13px;
  --leading-small: 1.5;
  --tracking-small: 0;
  --weight-small: 400;
  --size-data: 13px;
  --leading-data: 1.5;
  --tracking-data: 0.04em;
  --weight-data: 400;
  --size-label: 11px;
  --leading-label: 1.4;
  --tracking-label: 0.13em;
  --weight-label: 640;

  --radius-sm: 4px;
  --radius-md: 9px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 22px;
  --radius-3xl: 28px;
  --radius-pill: 999px;

  --texture-outer-packaging: 0%;
  --texture-inner-packaging: 100%;
  --texture-app-ground: 5%;
  --texture-sign-in: 8%;
  --texture-product-page: 3%;
  --texture-web-content: 5%;
  --texture-empty-state: 12%;
  --texture-standard-document: 0%;
  --texture-diet-calculator: 0%;
  --texture-checkout: 0%;

  --duration-brush-refresh: 400ms;
  --duration-shed-settle: 900ms;
  --duration-reveal-fade: 500ms;
  --duration-micro: 120ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --undercoat: #121110;
    --vellum: #1a1917;
    --sunk: #0c0b0a;
    --ink: #efede7;
    --ink-2: #a8a298;
    --ink-3: #7a746a;
    --rule: #2c2a26;
    --rule-2: #232120;
    --silver: #a8bccb;
    --silver-lit: #93a6b7;
    --silver-soft: #1b2429;
    --ice: #8fb6cb;
    --ginger: #d08e5e;
    --sable: #a88c72;
    --moss: #7da48c;
    --alert: #e39280;
    --fur-1: #262421;
    --fur-2: #312e29;
    --fur-3: #3e3a33;
    --fur-4: #4e483f;
    --hero-1: #2b2825;
    --hero-2: #39352f;
    --hero-3: #4a453c;
    --hero-4: #5d564b;
    --shadow: 0 1px 2px rgba(0,0,0,.5), 0 18px 40px -28px rgba(0,0,0,.9);
  }
}

:root[data-theme="dark"] {
  --undercoat: #121110;
  --vellum: #1a1917;
  --sunk: #0c0b0a;
  --ink: #efede7;
  --ink-2: #a8a298;
  --ink-3: #7a746a;
  --rule: #2c2a26;
  --rule-2: #232120;
  --silver: #a8bccb;
  --silver-lit: #93a6b7;
  --silver-soft: #1b2429;
  --ice: #8fb6cb;
  --ginger: #d08e5e;
  --sable: #a88c72;
  --moss: #7da48c;
  --alert: #e39280;
  --fur-1: #262421;
  --fur-2: #312e29;
  --fur-3: #3e3a33;
  --fur-4: #4e483f;
  --hero-1: #2b2825;
  --hero-2: #39352f;
  --hero-3: #4a453c;
  --hero-4: #5d564b;
  --shadow: 0 1px 2px rgba(0,0,0,.5), 0 18px 40px -28px rgba(0,0,0,.9);
}