/* ============================================================================
   DLT California — brand design tokens + base reset
   The single source of truth for the branded surfaces (marketing pages, the
   calculator tools, and the playbook). Link this FIRST, before any component
   stylesheet:
     <link rel="stylesheet" href="/shared/tokens.css" />
     <link rel="stylesheet" href="/shared/brand.css" />   (or playbook.css, etc.)

   These are shared defaults; a page or component stylesheet linked afterward
   can override --font-sans / --font-serif / --max for its own UI. The brand
   sans is also exposed as --font-sans-brand so the toolbar keeps the Whitney
   stack even when a tool overrides the plain --font-sans.

   The app/admin surfaces use a separate token vocabulary — see /shared/app.css.
   ============================================================================ */

:root {
  --font-display:    "Chronicle Display A", "Chronicle Display B", Georgia, "Times New Roman", serif;
  --font-serif:      "Chronicle SSm A", "Chronicle SSm B", Georgia, "Times New Roman", serif;
  --font-sans:       "Whitney SSm A", "Whitney SSm B", -apple-system, system-ui, "Helvetica Neue", sans-serif;
  --font-sans-brand: "Whitney SSm A", "Whitney SSm B", -apple-system, system-ui, "Helvetica Neue", sans-serif;

  /* weight tokens — Chronicle SSm bold is 600, not 700 */
  --weight-regular:     400;
  --weight-strong-text: 600;  /* Chronicle SSm Bold */
  --weight-bold:        700;  /* Chronicle Display Bold, Whitney SSm Bold */

  --ink:         #1a1a1a;
  --paper:       #f5f1ea;
  --paper-soft:  #ece5d6;
  --rule:        #d9d3c7;
  --accent:      #4a5d3a;
  --accent-dark: #2f3d24;
  --muted:       #6b6459;

  --gutter: 2rem;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
img, svg { display: block; max-width: 100%; }