/* ============================================================
   VARIABLES.CSS — Design tokens for light & dark mode
   ============================================================ */
:root {
  --ink:          #0f0e0c;
  --paper:        #f7f4ef;
  --accent:       #1a6b5a;
  --accent-dark:  #135248;
  --accent-light: #e8f2ef;
  --rule:         #d4cfc7;
  --muted:        #7a7570;
  --tag-bg:       #e8f2ef;
  --tag-fg:       #1a6b5a;
  --surface:        #ffffff;
  --surface-page:   #f7f4ef;
  --surface-raised: #ffffff;
  --surface-dark:   #0f0e0c;
  --dark:         #0a120e;
  --dark-mid:     #0f1a14;
  --dark-accent:  #6bc4ac;
  --serif: 'Playfair Display', Georgia, serif;
  --sans:  'DM Sans', sans-serif;
  --mono:  'DM Mono', monospace;
}
[data-theme="dark"] {
  --ink:          #e2ddd6;
  --paper:        #141210;
  --accent:       #4daa91;
  --accent-dark:  #3d9278;
  --accent-light: #0d2018;
  --rule:         #2c2820;
  --muted:        #6a6560;
  --tag-bg:       #0d2018;
  --tag-fg:       #4daa91;
  --surface:        #1c1916;
  --surface-page:   #141210;
  --surface-raised: #1c1916;
  --surface-dark:   #0a0806;
}