/* ==========================================================
   EIGHT54 — THEME TOKENS
   Change colors, fonts, spacing here. Everything updates.
   ========================================================== */

:root {
  /* Palette — black body, cream banner, white text */
  --color-bg:          #000000;        /* page bg (black) */
  --color-band:        #ece6d6;        /* cream paper banner */
  --color-ink:         #ffffff;        /* text on black */
  --color-ink-band:    #111111;        /* text on cream */
  --color-muted:       #b8b3aa;        /* secondary on black */
  --color-muted-band:  #4a463f;        /* secondary on cream */
  --color-line:        rgba(255,255,255,0.55);
  --color-line-soft:   rgba(255,255,255,0.18);
  --color-line-band:   rgba(0,0,0,0.18);

  /* Typography */
  /* Mac/iOS resolves "Helvetica Neue" locally; everyone else falls through to Inter (Google Fonts). */
  --font-sans:    "Helvetica Neue", "Inter", -apple-system, BlinkMacSystemFont, Arial, sans-serif;

  /* Type scale */
  --fs-display:   clamp(2.2rem, 4.5vw, 3.75rem);
  --fs-h1:        clamp(1.7rem, 3.2vw, 2.5rem);
  --fs-h2:        clamp(1.3rem, 2.2vw, 1.75rem);
  --fs-body:      0.95rem;
  --fs-small:     0.72rem;
  --fs-tiny:      0.62rem;

  /* Letter-spacing */
  --tracking-label: 0.18em;
  --tracking-tight: -0.01em;

  /* Layout */
  --maxw:         1600px;
  --gutter:       clamp(1.25rem, 3vw, 2.5rem);
  --section-y:    clamp(3rem, 6vw, 5rem);
  --band-h:       clamp(96px, 13vh, 150px);

  /* Motion */
  --ease:         cubic-bezier(0.22, 1, 0.36, 1);
  --dur:          600ms;
}