/* ==========================================================================
   DAAMRI Deals — Design Tokens
   Source: Design System 01 / Editorial (verbatim)
   ========================================================================== */

:root {
  /* Color */
  --paper:   #F3EEE2;  /* page background */
  --paper-2: #EAE2CE;  /* alt surfaces */
  --ink:     #1A1A1A;  /* primary text, buttons */
  --forest:  #2F4B3C;  /* success, growth data */
  --oxblood: #7A2E2E;  /* links, emphasis */
  --stone:   #D8D0BE;  /* borders, dividers */
  --muted:   #6B6455;  /* secondary text */
  --white:   #FFFFFF;

  /* Brand-logo green (differs from --forest; pending designer reconciliation) */
  --brand-logo: #107556;

  /* Tints (from badge specs) */
  --forest-tint:  #E4EAE4;
  --oxblood-tint: #F1DFDA;
  --ink-tint:     #E7E3D5;

  /* Typography */
  --disp: 'Fraunces', serif;      /* display & headings */
  --body: 'Spectral', serif;      /* long-form reading */
  --ui:   'Public Sans', sans-serif; /* UI chrome only: labels, buttons, nav */

  /* Spacing — 4px base scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-24: 96px;

  /* Radius — sharp, editorial */
  --radius:      2px;   /* buttons */
  --radius-lg:   4px;   /* inputs */
  --radius-pill: 20px;  /* badges/pills */
  /* cards: 0 */

  /* Elevation — minimal */
  --shadow:      0 1px 2px rgba(26, 26, 26, .06);   /* subtle — hover */
  --shadow-md:   0 8px 24px rgba(26, 26, 26, .08);  /* medium — modals */
  --shadow-deep: 0 30px 80px rgba(26, 26, 26, .18); /* deep — overlays */

  /* Layout */
  --wrap-max: 1180px;
  --wrap-pad: 48px;

  /* Motion */
  --ease: all .25s ease;

  /* Image treatment */
  --img-filter: sepia(.12) contrast(1.02);
}