/* ============================================================
   design-tokens.css
   The Lofi Library Club — warm bone / near-black, MONOLOG-style.
   Base palette: #000000 · #1F150C · #412D15 · #E1DCC9
   Tuned lighter + cleaner for an editorial studio feel.
   ============================================================ */

:root {
  /* paper / grounds (warm bone) */
  --paper:        #E8E4D9;   /* main canvas */
  --paper-2:      #DCD7CA;   /* deeper band */
  --paper-3:      #CDC7B6;   /* edges, wells */
  --cream:        #F2EFE8;   /* lifted surfaces */

  /* inks */
  --ink-strong:   #000000;   /* display emphasis */
  --ink:          #17120D;   /* body near-black */
  --ink-soft:     #4C4236;   /* secondary text */
  --ink-faint:    #8C8377;   /* captions, meta */
  --espresso:     #1F150C;

  /* accent — a whisper of warm walnut, used sparingly */
  --gold:         #6E5A3C;
  --gold-soft:    #8A7656;
  --sage:         #4C4236;
  --sage-deep:    #17120D;   /* primary fill -> near-black */
  --blood:        #4C4236;
  --blood-deep:   #17120D;

  /* lines */
  --line:         rgba(23, 18, 13, 0.13);
  --line-soft:    rgba(23, 18, 13, 0.06);
  --line-strong:  rgba(23, 18, 13, 0.26);

  /* type */
  --serif:  'Newsreader', 'Georgia', 'Times New Roman', serif;
  --gothic: 'Pirata One', 'Newsreader', serif;
  --mono:   'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* metrics */
  --wrap:        1200px;
  --wrap-narrow: 720px;
  --radius:      4px;

  /* shadows — layered key + ambient, low and soft */
  --lift:   0 1px 1px rgba(23,18,13,.04), 0 6px 16px -8px rgba(23,18,13,.12), 0 14px 40px -22px rgba(23,18,13,.18);
  --lift-2: 0 2px 4px rgba(23,18,13,.05), 0 14px 30px -12px rgba(23,18,13,.18), 0 44px 80px -34px rgba(23,18,13,.30);

  /* tone swatches for release covers */
  --tone-sage:      #412D15;
  --tone-espresso:  #1F150C;
  --tone-blood:     #2C1E10;
  --tone-parchment: #846B46;
}