/* ── ILMI Design Tokens — warm editorial ── */
:root {
  /* Fonts */
  --sans:   'Space Grotesk', sans-serif;
  --serif:  'Fraunces', 'Georgia', serif;
  --mono:   'Space Mono', monospace;

  /* Warm paper palette */
  --bg:        #f7f3ec;   /* warm paper */
  --bg2:       #f1ece2;   /* slightly deeper paper */
  --surface:   #fdfaf3;   /* lifted card */
  --surface2:  #faf6ec;   /* alt surface */
  --bg3:       #e9e1d2;   /* taupe / inset */
  --border:    #e2d8c5;   /* warm taupe border */
  --border2:   #cfc1a6;   /* stronger border */

  /* Ink */
  --text:   #1a1714;      /* warm near-black */
  --muted:  #5e564b;      /* warm grey */
  --dim:    #8a8170;      /* light warm grey */

  /* Accent — deep oxblood, used sparingly */
  --accent:        #7a1f23;
  --accent-bright: #9a2a30;
  --accent-deep:   #5a1518;
  --accent-soft:   rgba(122,31,35,0.06);
  --accent-border: rgba(122,31,35,0.18);

  /* For backwards-compat — single muted purple, not used much */
  --accent2:       #5e4a3a;
  --accent2-soft:  rgba(94,74,58,0.06);
  --accent2-glow:  rgba(94,74,58,0.10);
  --accent-glow:   rgba(122,31,35,0.10);

  /* Semantic — desaturated, warm */
  --red:        #8a2424;
  --red-light:  rgba(138,36,36,0.08);
  --red-border: rgba(138,36,36,0.22);
  --red-glow:   rgba(138,36,36,0.10);
  --green:      #4a6b3a;
  --green-light:rgba(74,107,58,0.08);
  --green-border:rgba(74,107,58,0.22);
  --green-glow: rgba(74,107,58,0.10);
  --orange:     #a3611d;
  --orange-light:rgba(163,97,29,0.08);
  --orange-glow:rgba(163,97,29,0.10);

  /* Sidebar — warm cream, NOT dark */
  --sb-bg:     #efe9dd;
  --sb-border: #ddd2bc;
  --sb-w:      62px;
  --gold:      #7a1f23;

  /* Spacing */
  --sp1:  4px; --sp2:  8px; --sp3:  12px; --sp4:  16px; --sp5:  20px;
  --sp6:  24px; --sp7: 32px; --sp8:  40px; --sp9: 48px; --sp10: 56px;
  --sp12: 64px; --sp16: 80px;

  /* Radii — small, restrained */
  --r-xs: 3px;
  --r-sm: 5px;
  --r-md: 7px;
  --r-lg: 10px;
  --r-xl: 14px;
  --r-2xl: 20px;

  /* Shadows — almost none */
  --shadow-xs: none;
  --shadow-sm: 0 1px 0 rgba(26,23,20,0.04);
  --shadow-md: 0 1px 2px rgba(26,23,20,0.06), 0 0 0 1px rgba(26,23,20,0.04);
  --shadow-lg: 0 4px 16px rgba(26,23,20,0.08);
  --shadow-glow:    none;
  --shadow-glow-lg: none;

  /* Type scale */
  --tx-xs:   11px;
  --tx-sm:   13px;
  --tx-base: 15px;
  --tx-lg:   17px;
  --tx-xl:   21px;
  --tx-2xl:  28px;
  --tx-3xl:  38px;
  --tx-4xl:  52px;
}