/* ============================================================
   danpartain.com — Design Tokens
   Color, type, and layout constants. Hardcoded palette — no dark mode.
   ============================================================ */

@font-face {
  font-family: 'Jost';
  src: url('../fonts/Jost-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost';
  src: url('../fonts/Jost-Italic-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* ---- Color palette — hardcoded, no dark mode ---- */
  --paper:        #ECE3D0;
  --ink:          #1C1813;
  --red:          #B5331E;
  --red-on-dark:  #E8553B;
  --photo-black:  #171411;
  --deck:         #3A342B;
  --body:         #231F19;
  --muted:        #6B6256;

  --rule-strong:  rgba(28, 24, 19, 0.55);
  --rule-faint:   rgba(28, 24, 19, 0.14);

  /* ---- Type — Jost, the only family ---- */
  --font: 'Jost', Helvetica, Arial, sans-serif;

  --w-light:    300;
  --w-reg:      400;
  --w-med:      500;
  --w-semi:     600;

  /* ---- Type ramp — responsive with clamp() ---- */
  --size-hero:     clamp(66px, 13vw, 196px);
  --size-pagehead: clamp(44px, 7.6vw, 104px);
  --size-deck:     clamp(17px, 1.9vw, 23px);
  --size-body:     15.5px;
  --size-eyebrow:  11px;
  --size-nav:      12px;
  --size-wordmark: 14px;

  --track-display: -0.01em;
  --track-eyebrow:  0.20em;
  --track-nav:      0.04em;
  --track-wordmark: 0.08em;

  /* ---- Layout — air and measure ---- */
  --gutter:        clamp(22px, 6vw, 104px);
  --measure:       640px;
  --stage:         1240px;
  --rhythm:        clamp(72px, 12vh, 158px);
}