/* ============================================================
   LATE LIGHT — design tokens
   thecouchcupholder.com

   This file IS the door's visual identity. Everything that makes
   this site look like itself and not like another door lives here.

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

:root{
  /* ---- surface ---- */
  --paper:#F5F0E8;        /* warm base */
  --paper-lift:#FBF9F5;   /* raised surfaces, cards */
  --cream:#EFE7D6;        /* bands, fills — checkout-continuity token */

  /* ---- ink ---- */
  --ink:#241F1C;          /* headings, primary text */
  --ink-soft:#5A5049;     /* body copy */
  --ink-faint:#8C8078;    /* captions, eyebrows, micro */
  --rule:#DED3C2;         /* hairlines, borders */

  /* ---- accent ---- */
  --terracotta:#B4552F;       /* primary action */
  --terracotta-deep:#96431F;  /* primary action, hover */
  --sage:#7C8A6E;             /* secondary accent */
  --gold:#B8893B;             /* micro-accents ONLY — never buttons */

  /* ---- product colorway swatches ---- */
  --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;
  --body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  /* ---- layout ---- */
  --shell:min(1180px,100% - 2.5rem);
  --gut:clamp(3.5rem,9vw,7rem);   /* vertical section rhythm */
  --r:7px;                         /* radius — soft, not pill, not square */
}