/* ============================================================
   S778 design tokens
   Liquid port: these become CSS custom properties emitted from
   settings_schema color roles + a base tokens.css theme asset.
   ============================================================ */
:root {
  /* palette (extracted from label art + monogram foil; bronze FINAL
     2026-09-03, Marko's pick: the label-sampled family's 75% stop, same
     value as the gate fill's lightest stop - one metal everywhere) */
  --charcoal: #22221f;
  --charcoal-soft: #33322e;
  --paper: #faf7f0;
  --paper-warm: #f4ede0;
  --bronze: #c7a387;
  /* deep ink darkened 2026-09-04: #8f7f75 measured 3.3-3.6:1 on the papers
     (needs 4.5); this taupe holds the warmth at 5.2/4.8:1. It is a LIGHT
     surface ink - on dark bands use --bronze (eyebrow override in main.css) */
  --bronze-deep: #75655a;
  --stone: #d0bcaf;
  --stone-shadow: #a79f9b;

  /* type */
  --font-display: "Cinzel", "Times New Roman", serif;
  --font-body: "Fauna One", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* scale */
  --step-eyebrow: clamp(.72rem, .65rem + .3vw, .85rem);
  --step-h1: clamp(2.2rem, 1.4rem + 3.4vw, 4.4rem);
  --step-h2: clamp(1.5rem, 1.1rem + 1.8vw, 2.6rem);
  --step-body: clamp(1rem, .95rem + .25vw, 1.125rem);

  /* motion */
  --ease-settle: cubic-bezier(.22, .8, .3, 1);

  /* one-sun shadow system: warm light from upper left, everywhere */
  --sun-shadow: 18px 30px 26px rgba(34, 34, 31, .4);
  --sun-shadow-soft: 10px 18px 20px rgba(34, 34, 31, .28);
}