/* ==========================================================================
   themes.css — terminal palettes for pfunder.me

   Each theme is a set of custom properties on <html data-theme="...">.
   Palettes come from my Omarchy desktop themes. Every text color here
   clears WCAG AA (4.5:1) against its background.

     --bg       page background
     --bg-alt   code blocks, table stripes, selection
     --fg       body text
     --dim      metadata: dates, labels, captions
     --rule     borders and dividers only (too low-contrast for text)
     --accent   prompts, heading markers, the current page
     --link     links
     --mark     highlights, pull-quote bars
     --duo-dark / --duo-light   the two colors images are tinted with
   ========================================================================== */

/* night-diner — pine-black sky, a neon sign burning red, sodium streetlights. */
:root,
[data-theme="night-diner"] {
  color-scheme: dark;
  --bg: #0a1411;
  --bg-alt: #132620;
  --fg: #f4e6cc;
  --dim: #bfb39c;
  --rule: #2c4a3f;
  --accent: #ff4a1c;
  --link: #20c4b4;
  --mark: #ffb547;
  /* Images: shadows in the background color, highlights in the theme's
     signature color. Each dark theme sets its own --duo-light below. */
  --duo-dark: var(--bg);
  --duo-light: #ffb547; /* sodium streetlight */
}

/* paper — warm stock, dark ink. Used automatically when the system prefers light. */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --bg: #f7f3ea;
    --bg-alt: #ece5d6;
    --fg: #1f1c18;
    --dim: #5a5248;
    --rule: #cfc5b3;
    --accent: #b3361b;
    --link: #1d6f78;
    --mark: #8a5a00;
    --duo-dark: var(--fg);
    --duo-light: var(--bg);
  }
}

[data-theme="paper"] {
  color-scheme: light;
  --bg: #f7f3ea;
  --bg-alt: #ece5d6;
  --fg: #1f1c18;
  --dim: #5a5248;
  --rule: #cfc5b3;
  --accent: #b3361b;
  --link: #1d6f78;
  --mark: #8a5a00;
  --duo-dark: var(--fg);
  --duo-light: var(--bg);
}

/* cyrk — circus poster: night-navy skies, chartreuse statues, vermilion flats. */
[data-theme="cyrk"] {
  color-scheme: dark;
  --bg: #0b1627;
  --bg-alt: #142540;
  --fg: #e7e3cc;
  --dim: #a19f86;
  --rule: #2a3d5e;
  --accent: #dcd630;
  --link: #36b7c2;
  --mark: #f04a2e;
  --duo-light: #dcd630; /* chartreuse statue */
}

/* glitch-watts — dusk indigo, hot-pink color bars, TV cyan. */
[data-theme="glitch-watts"] {
  color-scheme: dark;
  --bg: #0d0b1a;
  --bg-alt: #17142b;
  --fg: #e8e4cc;
  --dim: #a9a3bd;
  --rule: #2f2952;
  --accent: #fd1d72;
  --link: #18d8dc;
  --mark: #fdd321;
  --duo-light: #fd1d72; /* hot-pink color bars */
}

/* whale-watching — black water, cream foam, a teal hull, a buoy light. */
[data-theme="whale-watching"] {
  color-scheme: dark;
  --bg: #010300;
  --bg-alt: #1a1c1a;
  --fg: #f8e0b4;
  --dim: #baa887;
  --rule: #33362f;
  --accent: #ff6831;
  --link: #ffcc3f;
  --mark: #4cbf6a;
  --duo-light: #ffcc3f; /* buoy light */
}