/* GENERATED by tools/theme-json.mjs from theme-json.base.json and tokens.css. Do not edit. */
/* The exposed tokens follow their Global Styles presets, so a colour or a family
   changed under Styles, or by a style variation, reskins every component that
   reads the token. The fallback is the token as tokens.css declares it. */
body {
  --paper: var(--wp--preset--color--paper, #FBFAF6);
  --tint: var(--wp--preset--color--tint, #EFF3EE);
  --tint-2: var(--wp--preset--color--warm, #F5F2EA);
  --green: var(--wp--preset--color--accent, #0E6B52);
  --ink: var(--wp--preset--color--ink, #17251F);
  --ink-soft: var(--wp--preset--color--ink-soft, #55645C);
  --ink-faint: var(--wp--preset--color--ink-faint, #5D7163);
  --amber: var(--wp--preset--color--flourish, #D9822B);
  --amber-ink: var(--wp--preset--color--flourish-ink, #985B1E);
  --line: var(--wp--preset--color--rule, #DCE2DB);
  --on-ink-fg: var(--wp--preset--color--on-dark, #fff);
  --serif: var(--wp--preset--font-family--serif, 'Fraunces', Georgia, serif);
  --sans: var(--wp--preset--font-family--sans, 'Instrument Sans', system-ui, sans-serif);
  --fw-head: 460;
  /* the tokens that read other tokens, so a body-level value reaches them */
  --green-deep: color-mix(in srgb, var(--green) 73%, black);
  --line-dark: var(--ink);
  --tint-deep: color-mix(in srgb, var(--tint) 94%, var(--green));
  --on-ink-dim-green: color-mix(in srgb, var(--green) 10%, var(--on-ink-mute));
  --scrim-modal: color-mix(in srgb, var(--ink) 45%, transparent);
  --scrim-image: color-mix(in srgb, color-mix(in srgb, var(--ink) 60%, black) 50%, transparent);
  --ph: linear-gradient(150deg, var(--ph-from), var(--ph-to));
  --ok-bg: color-mix(in srgb, var(--tint) 98%, var(--green));
  --ok-line: color-mix(in srgb, var(--ok-bg) 81%, var(--green));
  --ok-fg: var(--green);
  --warn-fg: var(--amber-ink);
  --fs-hero: calc(clamp(3.2rem, 5.8vw, 5rem) * var(--scale-head));
  --fs-h1: calc(clamp(2.4rem, 4.2vw, 3.6rem) * var(--scale-head));
  --fs-h2: calc(clamp(2rem, 3.3vw, 2.9rem) * var(--scale-head));
  --fs-h3: calc(1.55rem * var(--scale-head));
  --fs-h4: calc(1.25rem * var(--scale-head));
  --fs-lead: calc(clamp(1.06rem, .92rem + .6vw, 1.28rem) * var(--scale-lead));
  --fs-small: calc(.92rem * var(--scale-small));
  --frame-w: var(--line-w);
  --u-color: var(--green);
}