/* Base theme (also the default fallback) lives in style.css's :root as "sepia".
   Each theme below only needs to override the variables that differ. */

/* ---- Parchment: lighter, warmer, more "aged paper" archive feel ---- */
html[data-theme="parchment"] {
  --color-bg: #f4ecd8;
  --color-ink: #3b2f1e;
  --color-muted: #8a7a5c;
  --color-accent: #9c6b30;
  --color-accent-dark: #74501f;
  --color-border: #dcc9a3;
  --color-card-bg: #fbf6ea;
}

/* ---- Midnight: dark mode ---- */
html[data-theme="midnight"] {
  --color-bg: #1b1a17;
  --color-ink: #e8e3d8;
  --color-muted: #9c9484;
  --color-accent: #d99a5b;
  --color-accent-dark: #f0b578;
  --color-border: #3a382f;
  --color-card-bg: #262420;
}
html[data-theme="midnight"] .badge { background: #3a3225; color: var(--color-accent); }
html[data-theme="midnight"] .tag { background: #3a3225; color: var(--color-accent); }
html[data-theme="midnight"] .nav-admin { background: #3a3225; }
html[data-theme="midnight"] .snippet mark { background: #4a3f22; color: #f0e6c8; }

/* ---- Ink: high-contrast, minimal color, easiest reading ---- */
html[data-theme="ink"] {
  --color-bg: #ffffff;
  --color-ink: #111111;
  --color-muted: #555555;
  --color-accent: #000000;
  --color-accent-dark: #000000;
  --color-border: #cccccc;
  --color-card-bg: #ffffff;
}
html[data-theme="ink"] .badge,
html[data-theme="ink"] .tag { background: #eeeeee; color: #111111; }
html[data-theme="ink"] .nav-admin { background: #eeeeee; }
html[data-theme="ink"] a { text-decoration: underline; }