/* Copied from Naldano/brand@89acca8 (tokens.css); change values there, then copy again. */
/* Naldano brand tokens. The only place these values live: copy this file and fonts/ into a
   project instead of retyping values. Source: github.com/Naldano/brand */

@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/cormorant-garamond-400.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/cormorant-garamond-400-italic.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/cormorant-garamond-500.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/dm-sans-400.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/dm-sans-500.woff2") format("woff2")}

:root{
  /* Ground and text */
  --paper:#EEECE5;        /* page background */
  --page:#F7F0DF;         /* cards, slide surfaces */
  --parchment:#EDE4D0;    /* second surface, quotes */
  --line:#D5C9AC;         /* borders, dividers */
  --hair:rgba(58,75,49,.19);
  --ink:#273E34;          /* forest ink: text, wordmark */
  --ink-soft:#3E5946;     /* lead paragraphs */
  --moss:#5C6A5A;         /* secondary text, labels; darkened from #6B7967 to pass WCAG AA */
  --sage:#778D65;         /* only the wordmark dot and small marks, never text */
  --sage-light:#B5C6A3;   /* the dot on dark green */
  --cream:#F4F1E7;        /* text on dark surfaces */

  /* Learning Garden */
  --garden-wall:#4E7358;  /* large surfaces, chapter dividers */
  --garden-ink:#304F40;   /* text in the learning area, dark slides */
  --garden-grey:#637366;  /* secondary text in the learning area, 18px and up */

  /* Process Atelier */
  --atelier-wall:#BE9B80; /* large surfaces, never behind text */
  --plaster:#E6D3BE;      /* light surface, highlights */
  --atelier-ink:#754832;  /* text in the process area, margin notes */
  --clay:#826753;         /* secondary text in the process area, 18px and up */
  --brass:#AE8853;        /* sparingly: one number, one detail, never body text */

  /* Type */
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"DM Sans",system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace; /* code and data only, no font file */
  --text-title:clamp(56px,7vw,88px);    /* serif 400, tracking -0.03em */
  --text-chapter:clamp(32px,4.4vw,52px);/* serif 400/500, tracking -0.02em */
  --text-entry:24px;                    /* serif 500: card heads, entries */
  --text-note:20px;                     /* serif italic: margin notes, footers */
  --text-body:17px;                     /* sans 400, line-height 1.6 */
  --text-small:15px;
  --text-label:13px;                    /* sans 500, uppercase, tracking 0.2em */

  /* Space and shape */
  --space-xs:8px;
  --space-s:16px;
  --space-m:24px;
  --space-l:32px;
  --space-xl:56px;
  --gutter:clamp(16px,4vw,40px);
  --max-width:1180px;                   /* single-column layouts below 760px */
  --radius:2px;                         /* panels, cards, images */
  --radius-pill:999px;                  /* buttons, notes */
}