/* ============================================================
   WARM SHELF — design tokens
   tumblercupholder.com

   This file IS the door's visual identity. Everything that makes
   this site look like itself and not like another door lives here.
   A warm bone/oat ground, espresso ink (never pure black), one
   confident clay accent for every action, muted stainless-greige
   for structure. Big warm serif, airy, editorial-asymmetric.

   Anti-constellation law: do not copy this file to another door.
   Each door gets its own world.
   ============================================================ */

:root{
  /* ---- surface ---- */
  --paper:#EFE9DE;        /* ground — warm bone/oat */
  --paper-lift:#F6F1E8;   /* raised surfaces, cards — a shade above ground */
  --cream:#EDE6D7;        /* bands, fills, and text on the espresso panel */

  /* ---- ink ---- */
  --ink:#211C17;          /* headings, primary text — warm espresso, never pure black */
  --ink-soft:#4B4139;     /* body copy */
  --ink-faint:#8A8072;    /* captions, eyebrows, micro */
  --rule:#BFB8AC;         /* hairlines, dividers, secondary strokes — stainless-greige */

  /* ---- accent — one clay does all the work ---- */
  --terracotta:#B0654A;       /* primary action, CTAs, highlights, badges, active/hover */
  --terracotta-deep:#984E38;  /* clay, pressed/hover */
  --sage:#A98F73;             /* quiet secondary accent — quote & callout rules */
  --gold:#B5862F;             /* warm amber micro-accent — review stars, tags. never buttons */

  /* ---- product colorway swatches (the real 8 colors — do not restyle) ---- */
  --sw-charcoal:#3A3733;
  --sw-sage:#7C8A6E;
  --sw-white:#F3F0EA;
  --sw-terracotta:#B4552F;
  --sw-navy:#2E3D52;
  --sw-sky:#8FAFC4;
  --sw-brick:#8E3B32;
  --sw-sand:#D9C8A9;

  /* ---- type ---- */
  --display:'Fraunces',Georgia,'Times New Roman',serif;   /* large, confident headlines */
  --body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  /* ---- layout ---- */
  --shell:min(1180px,100% - 2.5rem);
  --gut:clamp(4rem,10vw,7.5rem);   /* generous vertical section rhythm — one idea per screen */
  --r:10px;                         /* gentle radius — soft, not pill, not square */
}