/* ============================================================
   Spire tokens — The Library (public site)
   ------------------------------------------------------------
   Single source for the site's design tokens, extracted from
   the Spire Design System (D:\Code\_design-source\Spire Design
   System, v0.2.0). The five site pages link THIS file and drop
   their private :root blocks.

   Existing site variable names are kept (so page-scoped
   component CSS keeps resolving) but their VALUES are the
   canonical Spire values: warm walnut NIGHT grounds, the locked
   gold pair, the Fraunces / Inter / JetBrains Mono stack, and
   the cosmos color group.

   LOCKED (do not change): gold pair (#D9A441 accent / #D8BA81
   logotype), walnut grounds, the type families, the cosmos
   ladder. Brand contract: 11px mark gap, 0.22em caps tracking.
   ============================================================ */

:root{
  /* ---- Grounds — warm walnut NIGHT ----------------------- */
  --charcoal:#15110A;            /* page ground (bg-base)      */
  --deep:#0E0B06;                /* footer / deep bands (inset)*/
  --night:#050402;               /* darkest ground (void)      */
  --story:#1C1710;               /* warm story band (surface)  */
  --card:#1C1710;                /* card fill (surface)        */
  --surface-2:#241D13;           /* raised surface             */

  /* ---- Gold pair — LOCKED -------------------------------- */
  --gold:#D9A441;                /* primary UI accent + brand  */
  --gold-bright:#E8C77F;         /* hover / active gold        */
  --gold-muted:#9C7C3E;          /* borders, dim gold          */
  --gold-star:#F5DCA0;           /* brightest highlight        */
  --wordmark-gold:#D8BA81;       /* logotype caps (the lockup) */

  /* ---- Text — warm off-white ladder ---------------------- */
  --text-head:#F2EFE9;           /* headings (fg-1)            */
  --text-body:#A8A296;           /* body (fg-3)                */
  --text-warm:#B8A786;           /* warm secondary             */
  --text-faint:#756E5F;          /* faint (fg-4)               */

  /* ---- Hairlines ----------------------------------------- */
  --hairline:rgba(242,239,233,0.08);

  /* ---- Type families — LOCKED ---------------------------- */
  --serif:'Fraunces','Iowan Old Style',Georgia,serif;
  --sans:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;

  /* ---- Tracking ------------------------------------------ */
  --tracking-caps:0.22em;        /* LOCKED — lockup / logotype */
  --tracking-mono:0.16em;        /* mono eyebrows / data       */

  /* ---- Cosmos ladder — Universe (deepest) -> Moon (palest) */
  --cosmos-universe:#6F3F28;     /* deep umber-garnet          */
  --cosmos-galaxy:#9C5A30;       /* burnt amber                */
  --cosmos-system:#C5853C;       /* honey ochre                */
  --cosmos-planet:#DBB255;       /* lit gold body              */
  --cosmos-moon:#ECD9AB;         /* pale parchment             */
  --cosmos-station:#7F9266;      /* sage stone (attached)      */
  --cosmos-satellite:#B06A45;    /* clay (attached)            */
}