/* ==========================================================================
   Edge to Path — tokens.css
   Single source of truth: every color and type value in the site CSS
   derives from the custom properties below.
   Authority: Edge to Path Brand Book v1.0 (§05 color, §06 type).
   Typefaces per §06: Gloock (display), Lora (text), Instrument Sans
   (interface), DM Mono (specimen) — all self-hosted latin subsets.
   ========================================================================== */

/* ---- brand faces, self-hosted ---- */
@font-face{
  font-family:'Gloock';
  src:url('fonts/gloock.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Lora';
  src:url('fonts/lora-var.woff2') format('woff2-variations');
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Lora';
  src:url('fonts/lora-var-italic.woff2') format('woff2-variations');
  font-weight:400 700;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Instrument Sans';
  src:url('fonts/instrument-sans-var.woff2') format('woff2-variations');
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'DM Mono';
  src:url('fonts/dm-mono.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  /* -- color: brand core (Brand Book §05) -- */
  --bone:#F2EDE4;
  --ink:#211E1A;
  --slate:#232B30;
  --graphite:#5C5852;
  --linen:#E7E1D5;
  --ember:#A4572F;
  --river:#56707A;
  /* -- color: derived working tints -- */
  --hairline:#DBD4C7;      /* 1px rules on bone   (bone −9% L)          */
  --hairline-dark:#3A434B; /* 1px rules on slate  (slate +9% L)         */
  --muted:var(--graphite); /* muted text on bone                        */
  --muted-dark:#A9B4B9;    /* muted text on slate (existing site tint)  */
  --reader:#1E2429;        /* chapter reader ground (existing)          */

  /* -- type: faces (Brand Book §06) -- */
  --display:'Gloock',Georgia,serif;                /* headlines, chapter titles      */
  --serif:'Lora',Georgia,'Times New Roman',serif;  /* all reading text; italic quotes */
  --sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:'DM Mono',ui-monospace,monospace;         /* footnote numbers, labels, data  */

  /* -- type: scale (desktop) -- */
  --fs-hero:76px;   --lh-hero:1.05;  --ls-hero:-0.01em;  --wt-hero:400;
  --fs-title:56px;  --lh-title:1.1;  --wt-title:400;
  --fs-h2:32px;     --lh-h2:1.2;     --wt-h2:400;
  --fs-quote:28px;
  --fs-body:19px;   --lh-body:1.7;
  --fs-label:11px;  --ls-label:0.08em; --wt-label:600;
  --fs-caption:12px;
  --measure:68ch;

  /* -- layout: section rhythm (uneven on purpose) -- */
  --sp-a:96px; --sp-b:112px; --sp-c:128px; --sp-below:24px;

  /* -- motion: the one effect -- */
  --rise:12px; --rise-t:300ms;
}

@media (max-width:760px){
  :root{
    --fs-hero:40px; --fs-title:34px; --fs-h2:26px; --fs-body:17px;
    --sp-a:56px; --sp-b:64px; --sp-c:72px;
  }
}