/* ============================================================
   CAPITOL CIGAR & TOBACCO — DESIGN TOKENS
   Single source of truth. Every page imports this file first.
   Living reference: the "Capitol Design Language" artifact.
   ============================================================ */

:root {
  /* ---- Palette (named by wrapper shade) ---- */
  --maduro:      #292121;  /* ground */
  --ember:       #F09054;  /* primary accent: headings, labels, the band */
  --brick:       #BF5750;  /* action: primary buttons only */
  --habano:      #775546;  /* rules, borders, quiet structure */
  --connecticut: #C99D73;  /* secondary text, captions */
  --parchment:   #F8E9CF;  /* body text; the brand's white — never #FFF */

  /* ---- Semantic aliases ---- */
  --bg: var(--maduro);
  --fg: var(--parchment);
  --accent: var(--ember);
  --action: var(--brick);
  --muted: var(--connecticut);
  --line: color-mix(in srgb, var(--habano) 55%, transparent);

  /* ---- Type ---- */
  --font-display: "Syncopate", "Century Gothic", sans-serif; /* one moment per screen */
  --font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --track-display: .14em;
  --track-label: .18em;

  /* ---- Motion: the house tempo ---- */
  --tempo: 900ms;                         /* page-level moments */
  --tempo-ui: 300ms;                      /* hovers, small UI — tempo / 3 */
  --settle: cubic-bezier(.33, 0, .2, 1);  /* leaves promptly, settles calmly */

  /* ---- Rhythm ---- */
  --measure: 62ch;        /* max width of running text */
  --radius: 0;            /* square corners everywhere, like the furniture */

  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root { --tempo: 1ms; --tempo-ui: 1ms; }
}