/* Double Shot Marketing — design tokens. Single source of visual truth.
   Rules and rationale: ../DESIGN.md */
:root{
  /* color */
  --paper:#F2EBDF;
  --paper-deep:#E9DECB;
  --ink:#29231F;
  --ink-soft:#4A3E33;
  --orange:#C86A45;
  --orange-deep:#A64E2E;
  --orange-bleach:#DF9A76;
  --orange-ghost:#E8C4AC;
  /* translucent ink/paper lanes */
  --paper-75:rgba(242,235,223,.75);
  --paper-60:rgba(242,235,223,.6);
  --hairline-on-ink:rgba(242,235,223,.25);
  --shadow-ink:rgba(41,35,31,.9);
  --shadow-roast:rgba(166,78,46,.55);

  /* type */
  --font-display:'Chango','Bricolage Grotesque',sans-serif;
  --font-sans:'Bricolage Grotesque','Gabarito',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  --text-body:18px;
  --text-body-m:17px;
  --track-tight:-0.015em;
  --track-caps:.16em;
  --leading-body:1.6;

  /* shape */
  --radius-container:16px;
  --radius-pill:999px;
  --frame:2.5px solid var(--ink);
  --block-shadow:8px 10px 0 var(--shadow-ink);
  --block-shadow-roast:8px 10px 0 var(--shadow-roast);

  /* space */
  --space-section:112px;
  --space-section-m:76px;
  --content-max:1200px;
  --gutter:32px;
  --gutter-m:20px;

  /* motion */
  --ease-out:cubic-bezier(.23,1,.32,1);
  --dur-hover:.14s;
  --dur-reveal:.55s;
}