/* tweek.fyi themes. Every theme defines the same tokens on a [data-theme] selector (never on
   :root alone), so a nested [data-theme] element (the picker's mini previews) renders in its own
   palette. The id list must match THEMES in /assets/js/themes.js and the list in boot.js.
   Contrast rule for new themes: text, text-2, muted and brand all >= 4.5:1 on bg, surface and
   surface-2, and brand-ink >= 4.5:1 on brand. */

/* Dark ---------------------------------------------------------------------------------- */

[data-theme="phosphor"] {
  color-scheme: dark;
  --bg: #0c0e0b;
  --surface: #121510;
  --surface-2: #181c15;
  --border: #232920;
  --border-strong: #38412f;
  --text: #e9eee3;
  --text-2: #c0c8b8;
  --muted: #8b9581;
  --brand: #b7f36b;
  --brand-ink: #0f1508;
  --dot: #1c2118;
}
[data-theme="amber"] {
  color-scheme: dark;
  --bg: #0f0c08;
  --surface: #16120c;
  --surface-2: #1d1810;
  --border: #2a2317;
  --border-strong: #463a25;
  --text: #f3e6d0;
  --text-2: #d3c3a6;
  --muted: #a08f72;
  --brand: #ffb000;
  --brand-ink: #1a1200;
  --dot: #221c12;
}
[data-theme="ice"] {
  color-scheme: dark;
  --bg: #081016;
  --surface: #0d1820;
  --surface-2: #12202a;
  --border: #1a2b37;
  --border-strong: #2d4556;
  --text: #e2eef5;
  --text-2: #b4c7d3;
  --muted: #8197a7;
  --brand: #5ce1e6;
  --brand-ink: #04161a;
  --dot: #13212b;
}
[data-theme="red-team"] {
  color-scheme: dark;
  --bg: #100a0b;
  --surface: #171012;
  --surface-2: #1f1517;
  --border: #2c1d20;
  --border-strong: #4a2f34;
  --text: #f3e6e7;
  --text-2: #d0bcbf;
  --muted: #a08a8e;
  --brand: #ff5c6b;
  --brand-ink: #1a0507;
  --dot: #231619;
}
[data-theme="blue-team"] {
  color-scheme: dark;
  --bg: #080c16;
  --surface: #0e1320;
  --surface-2: #141a2a;
  --border: #1c2538;
  --border-strong: #303d5a;
  --text: #e4e9f6;
  --text-2: #b8c1d9;
  --muted: #8693b0;
  --brand: #6ba6ff;
  --brand-ink: #050c1c;
  --dot: #151c2d;
}
[data-theme="purple-team"] {
  color-scheme: dark;
  --bg: #0e0a14;
  --surface: #150f1d;
  --surface-2: #1c1527;
  --border: #281e36;
  --border-strong: #423357;
  --text: #ede6f6;
  --text-2: #c9bedb;
  --muted: #9a8cae;
  --brand: #bf95ff;
  --brand-ink: #12071f;
  --dot: #1e172a;
}
[data-theme="synthwave"] {
  color-scheme: dark;
  --bg: #120a1c;
  --surface: #1a0f27;
  --surface-2: #221432;
  --border: #301c45;
  --border-strong: #4d2f6b;
  --text: #f6e8ff;
  --text-2: #d6c0e6;
  --muted: #ab90c2;
  --brand: #ff6ad5;
  --brand-ink: #1c0517;
  --dot: #25153a;
}
/* Default dark theme. No-JS fallback: without a data-theme the page wears Gunpowder, or
   Flashpaper in light mode. */
[data-theme="gunpowder"], :root:not([data-theme]) {
  color-scheme: dark;
  --bg: #0d0d0f;
  --surface: #141417;
  --surface-2: #1b1b1f;
  --border: #26262b;
  --border-strong: #3d3d44;
  --text: #ecebe8;
  --text-2: #c6c4bf;
  --muted: #95938e;
  --brand: #ff8128;
  --brand-ink: #1a0b00;
  --dot: #1e1e22;
}
[data-theme="mono"] {
  color-scheme: dark;
  --bg: #0b0b0b;
  --surface: #121212;
  --surface-2: #191919;
  --border: #262626;
  --border-strong: #3c3c3c;
  --text: #e6e6e6;
  --text-2: #bdbdbd;
  --muted: #8f8f8f;
  --brand: #ffffff;
  --brand-ink: #000000;
  --dot: #1d1d1d;
}

/* Light --------------------------------------------------------------------------------- */

/* Default light theme: Gunpowder's neutral grays and orange, on paper. */
[data-theme="flashpaper"] {
  color-scheme: light;
  --bg: #f6f6f4;
  --surface: #ffffff;
  --surface-2: #f0f0ed;
  --border: #dedcd7;
  --border-strong: #c4c2bc;
  --text: #161618;
  --text-2: #3d3c39;
  --muted: #62605b;
  --brand: #c2410c;
  --brand-ink: #ffffff;
  --dot: #e4e3df;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --bg: #f6f6f4;
    --surface: #ffffff;
    --surface-2: #f0f0ed;
    --border: #dedcd7;
    --border-strong: #c4c2bc;
    --text: #161618;
    --text-2: #3d3c39;
    --muted: #62605b;
    --brand: #c2410c;
    --brand-ink: #ffffff;
    --dot: #e4e3df;
  }
}
[data-theme="paper"] {
  color-scheme: light;
  --bg: #f6f7f2;
  --surface: #ffffff;
  --surface-2: #eef1e8;
  --border: #dde2d4;
  --border-strong: #c2cab5;
  --text: #151a10;
  --text-2: #3b4433;
  --muted: #5f6955;
  --brand: #3d7a0a;
  --brand-ink: #ffffff;
  --dot: #e3e7db;
}
[data-theme="blueprint"] {
  color-scheme: light;
  --bg: #f2f6fb;
  --surface: #ffffff;
  --surface-2: #e7eef7;
  --border: #d3deeb;
  --border-strong: #b3c4d9;
  --text: #0e1a2b;
  --text-2: #34465f;
  --muted: #56698a;
  --brand: #1f5fd1;
  --brand-ink: #ffffff;
  --dot: #dde6f1;
}
[data-theme="parchment"] {
  color-scheme: light;
  --bg: #f7f1e6;
  --surface: #fffaf1;
  --surface-2: #f0e7d6;
  --border: #e2d6bf;
  --border-strong: #cbbb9c;
  --text: #241c10;
  --text-2: #4d3f2a;
  --muted: #6c5d45;
  --brand: #a4410e;
  --brand-ink: #ffffff;
  --dot: #ebe1cd;
}