/* GENERATED by scripts/gen-themes.py from research/themes-claude.json —
 * P-557 theme atlas. DO NOT hand-edit; regenerate instead.
 * Every text/surface pair was recomputed at >= 4.5:1 in both modes by the
 * generator's AA gate. --on-brand / --on-sun are derived per mode.
 */

/* Spaza Classic — The original RandPlates look: chilli orange, sun-yellow stickers, warm paper. */
html[data-theme="spaza-classic"] {
  --clr-brand: #ea580c;
  --clr-brand-strong: #c2410c;
  --clr-brand-soft: #ffedd5;
  --clr-coin: #b45309;
  --clr-coin-soft: #fef3c7;
  --clr-sun: #fbbf24;
  --clr-sun-soft: #fde68a;
  --clr-cream: #fff8f0;
  --clr-card: #ffffff;
  --clr-ink: #1c1917;
  --clr-ink-soft: #57534e;
  --clr-line: #f0e3d3;
  --clr-ok: #16a34a;
  --clr-ok-soft: #dcfce7;
  --clr-amber: #d97706;
  --clr-amber-soft: #fef3c7;
  --clr-red: #dc2626;
  --clr-red-soft: #fee2e2;
  --clr-focus: #c2410c;
  --clr-sunken: #faf2e7;
  --clr-ok-text: #127f3a;
  --clr-amber-text: #9f5706;
  --clr-red-text: #c32222;
  --on-brand: #0e0b08;
  --on-sun: #1c1917;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #ffffff;
  --rad-ctl: var(--r-sm);
  --rad-card: var(--r-md);
  --line-weight: 1px;
  --shadow-card: var(--shadow-sticker);
  --shadow-ctl: var(--shadow-sticker);
  --sticker-tilt: -2deg;
}
html[data-theme="spaza-classic"][data-mode="dark"] {
  --clr-brand: #ff8a3d;
  --clr-brand-strong: #ffb27a;
  --clr-brand-soft: #3a2415;
  --clr-coin: #e8b96a;
  --clr-coin-soft: #3a2c17;
  --clr-sun: #fbbf24;
  --clr-sun-soft: #3f2f14;
  --clr-cream: #1a130d;
  --clr-card: #241a12;
  --clr-ink: #e3ddd4; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #b3a695;
  --clr-line: #3d3126;
  --clr-ok: #7ede9d;
  --clr-ok-soft: #17321f;
  --clr-amber: #f2b45c;
  --clr-amber-soft: #3a2a12;
  --clr-red: #f59494;
  --clr-red-soft: #3d1a1a;
  --clr-focus: #ff8a3d;
  --clr-sunken: #1f1610;
  --clr-ok-text: #7ede9d;
  --clr-amber-text: #f2b45c;
  --clr-red-text: #f59494;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
}

/* Midnight Noir — A velvet-black cocktail lounge: electric-violet actions, gold price tags glowing */
html[data-theme="midnight-noir"] {
  --clr-brand: #6a3fe0;
  --clr-brand-strong: #5929dc;
  --clr-brand-soft: #eae4fb;
  --clr-coin: #8c650b;
  --clr-coin-soft: #fdf2d8;
  --clr-sun: #f5cf4a;
  --clr-sun-soft: #fcf1c9;
  --clr-cream: #f3f1f8;
  --clr-card: #ffffff;
  --clr-ink: #140f22;
  --clr-ink-soft: #645492;
  --clr-line: #d8d2ea;
  --clr-ok: #1d7a4f;
  --clr-ok-soft: #e2f8ee;
  --clr-amber: #9d590d;
  --clr-amber-soft: #fceede;
  --clr-red: #c42020;
  --clr-red-soft: #fae0e0;
  --clr-focus: #7919e6;
  --clr-sunken: #ebe8f4;
  --clr-ok-text: #1d7a4f;
  --clr-amber-text: #9d590d;
  --clr-red-text: #c42020;
  --on-brand: #ffffff;
  --on-sun: #140f22;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 10px;
  --rad-card: 18px;
  --line-weight: 1px;
  --shadow-card: 0 10px 30px -12px rgba(106, 63, 224, 0.35);
  --shadow-ctl: 0 10px 30px -12px rgba(106, 63, 224, 0.35);
  --sticker-tilt: -2deg;
  --font-display:
    "Bebas Neue", "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif;
  --font-ui:
    "Manrope", "Manrope", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "JetBrains Mono";
}
html[data-theme="midnight-noir"][data-mode="dark"] {
  --clr-brand: #a58bff;
  --clr-brand-strong: #b9a4ff;
  --clr-brand-soft: #352c59;
  --clr-coin: #e3b64f;
  --clr-coin-soft: #423227;
  --clr-sun: #f5cf4a;
  --clr-sun-soft: #463b31;
  --clr-cream: #0a0813;
  --clr-card: #15112a;
  --clr-ink: #dfdce7; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #ada2cd;
  --clr-line: #3b3366;
  --clr-ok: #63cf9d;
  --clr-ok-soft: #1e383e;
  --clr-amber: #e39e4f;
  --clr-amber-soft: #412b28;
  --clr-red: #dc6d6d;
  --clr-red-soft: #3e182c;
  --clr-focus: #9f65e2;
  --clr-sunken: #100c1e;
  --clr-ok-text: #63cf9d;
  --clr-amber-text: #e39e4f;
  --clr-red-text: #dc6d6d;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card:
    0 0 0 1px rgba(165, 139, 255, 0.25), 0 14px 40px -12px rgba(0, 0, 0, 0.6);
  --shadow-ctl:
    0 0 0 1px rgba(165, 139, 255, 0.25), 0 14px 40px -12px rgba(0, 0, 0, 0.6);
}

/* Ocean Breeze — Sun-bleached seaside kiosk: airy azure surfaces, rounded friendly shapes and san */
html[data-theme="ocean-breeze"] {
  --clr-brand: #0b6fb8;
  --clr-brand-strong: #0a60a0;
  --clr-brand-soft: #ddebf5;
  --clr-coin: #8f630c;
  --clr-coin-soft: #fdf1d8;
  --clr-sun: #ffd97a;
  --clr-sun-soft: #fff4d7;
  --clr-cream: #e8f4fb;
  --clr-card: #ffffff;
  --clr-ink: #0b2233;
  --clr-ink-soft: #466883;
  --clr-line: #bcd7e8;
  --clr-ok: #1d7a44;
  --clr-ok-soft: #e2f8eb;
  --clr-amber: #975f0c;
  --clr-amber-soft: #fcf0de;
  --clr-red: #c1251f;
  --clr-red-soft: #fae1e0;
  --clr-focus: #1470b2;
  --clr-sunken: #dbebf5;
  --clr-ok-text: #1d7a44;
  --clr-amber-text: #975f0c;
  --clr-red-text: #c1251f;
  --on-brand: #ffffff;
  --on-sun: #2a1a06;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 12px;
  --rad-card: 20px;
  --line-weight: 1px;
  --shadow-card: 0 6px 20px -8px rgba(11, 111, 184, 0.28);
  --shadow-ctl: 0 6px 20px -8px rgba(11, 111, 184, 0.28);
  --sticker-tilt: -1.5deg;
  --font-display:
    "Archivo Black", "Archivo Black", "Arial Black", "Helvetica Neue", Arial,
    sans-serif;
  --font-ui:
    "Public Sans", "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "IBM Plex Mono";
}
html[data-theme="ocean-breeze"][data-mode="dark"] {
  --clr-brand: #4db3f5;
  --clr-brand-strong: #65bdf6;
  --clr-brand-soft: #1a4562;
  --clr-coin: #e3b24f;
  --clr-coin-soft: #3a4132;
  --clr-sun: #ffd97a;
  --clr-sun-soft: #414d47;
  --clr-cream: #051624;
  --clr-card: #0b2638;
  --clr-ink: #d2e0e8; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #a9c2d1;
  --clr-line: #20506e;
  --clr-ok: #63cf90;
  --clr-ok-soft: #164945;
  --clr-amber: #e3a84f;
  --clr-amber-soft: #393e33;
  --clr-red: #df7c78;
  --clr-red-soft: #362a36;
  --clr-focus: #5ca9e0;
  --clr-sunken: #081e2e;
  --clr-ok-text: #63cf90;
  --clr-amber-text: #e3a84f;
  --clr-red-text: #df7c78;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: 0 8px 24px -10px rgba(0, 0, 0, 0.7);
  --shadow-ctl: 0 8px 24px -10px rgba(0, 0, 0, 0.7);
}

/* Retro Terminal — A phosphor-green CRT till: everything monospaced, boxed in single-pixel rules an */
html[data-theme="retro-terminal"] {
  --clr-brand: #18782d;
  --clr-brand-strong: #166b28;
  --clr-brand-soft: #d6e9d5;
  --clr-coin: #7d660a;
  --clr-coin-soft: #f5f1cc;
  --clr-sun: #f0e04a;
  --clr-sun-soft: #f4f2be;
  --clr-cream: #e6efe0;
  --clr-card: #f5faf0;
  --clr-ink: #0c1a0e;
  --clr-ink-soft: #3b6542;
  --clr-line: #9fb59a;
  --clr-ok: #1b7468;
  --clr-ok-soft: #d9f4e8;
  --clr-amber: #8e5e0b;
  --clr-amber-soft: #f4edd1;
  --clr-red: #ba231e;
  --clr-red-soft: #f1ddd3;
  --clr-focus: #b614b6;
  --clr-sunken: #d1decb;
  --clr-ok-text: #1b7468;
  --clr-amber-text: #8e5e0b;
  --clr-red-text: #ba231e;
  --on-brand: #ffffff;
  --on-sun: #0c1a0e;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 0px;
  --rad-card: 0px;
  --line-weight: 1px;
  --shadow-card: none;
  --shadow-ctl: none;
  --sticker-tilt: 0deg;
  --font-display:
    "Chakra Petch", "Chakra Petch", "Rajdhani", "Arial Narrow", sans-serif;
  --font-ui:
    "Archivo", "Archivo", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "VT323";
}
html[data-theme="retro-terminal"][data-mode="dark"] {
  --clr-brand: #39ff5a;
  --clr-brand-strong: #53ff6f;
  --clr-brand-soft: #14471c;
  --clr-coin: #e3c54f;
  --clr-coin-soft: #39380e;
  --clr-sun: #f0e04a;
  --clr-sun-soft: #3d4018;
  --clr-cream: #030803;
  --clr-card: #0a130a;
  --clr-ink: #b9ebbe; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #a2cda6;
  --clr-line: #1e5a2a;
  --clr-ok: #63cfc0;
  --clr-ok-soft: #153a2f;
  --clr-amber: #e3ad4f;
  --clr-amber-soft: #383010;
  --clr-red: #da6a66;
  --clr-red-soft: #351b13;
  --clr-focus: #e05ce0;
  --clr-sunken: #060e06;
  --clr-ok-text: #63cfc0;
  --clr-amber-text: #e3ad4f;
  --clr-red-text: #da6a66;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: none;
  --shadow-ctl: none;
}

/* Vintage Paper — A 1950s recipe-card box: aubergine ink on yellowed stock, serif headlines and wo */
html[data-theme="vintage-paper"] {
  --clr-brand: #7a2e66;
  --clr-brand-strong: #672757;
  --clr-brand-soft: #e9dad8;
  --clr-coin: #7e5f0a;
  --clr-coin-soft: #faecc7;
  --clr-sun: #e9c873;
  --clr-sun-soft: #f6e8c6;
  --clr-cream: #f0e6d2;
  --clr-card: #fbf6ea;
  --clr-ink: #2a1a22;
  --clr-ink-soft: #765566;
  --clr-line: #cdbfa2;
  --clr-ok: #27741b;
  --clr-ok-soft: #e2f1d0;
  --clr-amber: #7b600a;
  --clr-amber-soft: #f9edcc;
  --clr-red: #ba1e29;
  --clr-red-soft: #f7d9d0;
  --clr-focus: #b014b0;
  --clr-sunken: #e6dac4;
  --clr-ok-text: #27741b;
  --clr-amber-text: #7b600a;
  --clr-red-text: #ba1e29;
  --on-brand: #ffffff;
  --on-sun: #2a1a06;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 4px;
  --rad-card: 6px;
  --line-weight: 1px;
  --shadow-card:
    0 1px 0 rgba(42, 26, 34, 0.18), 0 6px 14px -10px rgba(42, 26, 34, 0.35);
  --shadow-ctl:
    0 1px 0 rgba(42, 26, 34, 0.18), 0 6px 14px -10px rgba(42, 26, 34, 0.35);
  --sticker-tilt: 3deg;
  --font-display:
    "Playfair Display", "Playfair Display", Georgia, "Times New Roman", serif;
  --font-ui:
    "Source Sans 3", "Source Sans 3", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-slip: "Courier Prime";
}
html[data-theme="vintage-paper"][data-mode="dark"] {
  --clr-brand: #d98ac4;
  --clr-brand-strong: #df9dce;
  --clr-brand-soft: #493041;
  --clr-coin: #e3bb4f;
  --clr-coin-soft: #4b381c;
  --clr-sun: #e9c873;
  --clr-sun-soft: #4d3e2f;
  --clr-cream: #150e12;
  --clr-card: #21171c;
  --clr-ink: #dfd4c5; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #cdbba2;
  --clr-line: #4d3a44;
  --clr-ok: #72cf63;
  --clr-ok-soft: #2b3d23;
  --clr-amber: #e3c04f;
  --clr-amber-soft: #4a391e;
  --clr-red: #de757c;
  --clr-red-soft: #471d23;
  --clr-focus: #e05ce0;
  --clr-sunken: #1b1217;
  --clr-ok-text: #72cf63;
  --clr-amber-text: #e3c04f;
  --clr-red-text: #de757c;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: 0 1px 0 rgba(0, 0, 0, 0.4);
  --shadow-ctl: 0 1px 0 rgba(0, 0, 0, 0.4);
}

/* Neon Cyber — A rain-slick night market: electric cyan edges on near-black glass with acid-yel */
html[data-theme="neon-cyber"] {
  --clr-brand: #007590;
  --clr-brand-strong: #006780;
  --clr-brand-soft: #dbedf1;
  --clr-coin: #826a0b;
  --clr-coin-soft: #fdf6d8;
  --clr-sun: #eef33e;
  --clr-sun-soft: #fafbc5;
  --clr-cream: #edf8fa;
  --clr-card: #ffffff;
  --clr-ink: #0a1a24;
  --clr-ink-soft: #466b83;
  --clr-line: #b7dde6;
  --clr-ok: #1d7c35;
  --clr-ok-soft: #e2f8e8;
  --clr-amber: #975f0c;
  --clr-amber-soft: #fcf0de;
  --clr-red: #c11f3a;
  --clr-red-soft: #fae0e5;
  --clr-focus: #cc178f;
  --clr-sunken: #ddf0f4;
  --clr-ok-text: #1d7c35;
  --clr-amber-text: #975f0c;
  --clr-red-text: #c11f3a;
  --on-brand: #ffffff;
  --on-sun: #0a1a24;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 6px;
  --rad-card: 10px;
  --line-weight: 1px;
  --shadow-card:
    0 0 0 1px rgba(0, 124, 153, 0.18), 0 8px 24px -12px rgba(0, 124, 153, 0.12);
  --shadow-ctl:
    0 0 0 1px rgba(0, 124, 153, 0.18), 0 8px 24px -12px rgba(0, 124, 153, 0.12);
  --sticker-tilt: -1deg;
  --font-display:
    "Orbitron", "Orbitron", "Eurostile", "Arial Black", sans-serif;
  --font-ui:
    "Rajdhani", "Rajdhani", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "Share Tech Mono";
}
html[data-theme="neon-cyber"][data-mode="dark"] {
  --clr-brand: #18e6ff;
  --clr-brand-strong: #32e9ff;
  --clr-brand-soft: #0e4151;
  --clr-coin: #e3c54f;
  --clr-coin-soft: #3a3720;
  --clr-sun: #eef33e;
  --clr-sun-soft: #3d4427;
  --clr-cream: #03070f;
  --clr-card: #0b1220;
  --clr-ink: #d5e7eb; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #a2c6cd;
  --clr-line: #1c4a5c;
  --clr-ok: #63cf7e;
  --clr-ok-soft: #16392e;
  --clr-amber: #e3a84f;
  --clr-amber-soft: #392e21;
  --clr-red: #db687b;
  --clr-red-soft: #361929;
  --clr-focus: #e05cb4;
  --clr-sunken: #070c18;
  --clr-ok-text: #63cf7e;
  --clr-amber-text: #e3a84f;
  --clr-red-text: #db687b;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card:
    0 0 0 1px rgba(24, 230, 255, 0.5), 0 0 18px rgba(24, 230, 255, 0.35);
  --shadow-ctl:
    0 0 0 1px rgba(24, 230, 255, 0.5), 0 0 18px rgba(24, 230, 255, 0.35);
}

/* Botanical Garden — A greenhouse market stall: moss and leaf tones, serif warmth and buttery-yellow  */
html[data-theme="botanical-garden"] {
  --clr-brand: #56741b;
  --clr-brand-strong: #475f16;
  --clr-brand-soft: #e3e8d4;
  --clr-coin: #86650b;
  --clr-coin-soft: #f9f0cd;
  --clr-sun: #f4dc74;
  --clr-sun-soft: #f8f2cc;
  --clr-cream: #eff2e2;
  --clr-card: #fafbf2;
  --clr-ink: #1a2410;
  --clr-ink-soft: #546a3d;
  --clr-line: #c6d0aa;
  --clr-ok: #1c774c;
  --clr-ok-soft: #def5e3;
  --clr-amber: #8f5f0c;
  --clr-amber-soft: #f8eed3;
  --clr-red: #bc291f;
  --clr-red-soft: #f6dfd5;
  --clr-focus: #0f7488;
  --clr-sunken: #e3e8d1;
  --clr-ok-text: #1c774c;
  --clr-amber-text: #8f5f0c;
  --clr-red-text: #bc291f;
  --on-brand: #ffffff;
  --on-sun: #2a1a06;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 14px;
  --rad-card: 26px 26px 8px 26px;
  --line-weight: 1.5px;
  --shadow-card: 0 8px 24px -12px rgba(86, 116, 27, 0.35);
  --shadow-ctl: 0 8px 24px -12px rgba(86, 116, 27, 0.35);
  --sticker-tilt: 2deg;
  --font-display: "Fraunces", "Fraunces", Georgia, "Times New Roman", serif;
  --font-ui:
    "Nunito Sans", "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "Cutive Mono";
}
html[data-theme="botanical-garden"][data-mode="dark"] {
  --clr-brand: #a5cc52;
  --clr-brand-strong: #afd266;
  --clr-brand-soft: #35461f;
  --clr-coin: #e3bb4f;
  --clr-coin-soft: #433f13;
  --clr-sun: #f4dc74;
  --clr-sun-soft: #474926;
  --clr-cream: #0c1208;
  --clr-card: #162010;
  --clr-ink: #d5dec5; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #bfcda2;
  --clr-line: #394b25;
  --clr-ok: #63cf9d;
  --clr-ok-soft: #1e442a;
  --clr-amber: #e3ad4f;
  --clr-amber-soft: #423a14;
  --clr-red: #dd7972;
  --clr-red-soft: #3e2617;
  --clr-focus: #5ccae0;
  --clr-sunken: #11190c;
  --clr-ok-text: #63cf9d;
  --clr-amber-text: #e3ad4f;
  --clr-red-text: #dd7972;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: 0 8px 24px -12px rgba(0, 0, 0, 0.75);
  --shadow-ctl: 0 8px 24px -12px rgba(0, 0, 0, 0.75);
}

/* Desert Clay — Sun-baked adobe: terracotta actions on sand, chunky slab headlines and apricot p */
html[data-theme="desert-clay"] {
  --clr-brand: #a94027;
  --clr-brand-strong: #9f3c25;
  --clr-brand-soft: #f2dacd;
  --clr-coin: #865d0b;
  --clr-coin-soft: #fae7c5;
  --clr-sun: #f3c05f;
  --clr-sun-soft: #f9e4bf;
  --clr-cream: #f4e4d2;
  --clr-card: #fcf3e8;
  --clr-ink: #2a1b14;
  --clr-ink-soft: #775647;
  --clr-line: #d8bea4;
  --clr-ok: #1b7427;
  --clr-ok-soft: #dfeed1;
  --clr-amber: #7e5f0a;
  --clr-amber-soft: #faeaca;
  --clr-red: #b51d55;
  --clr-red-soft: #f7d6d6;
  --clr-focus: #0e6d81;
  --clr-sunken: #ecd9c4;
  --clr-ok-text: #1b7427;
  --clr-amber-text: #7e5f0a;
  --clr-red-text: #b51d55;
  --on-brand: #ffffff;
  --on-sun: #2a1a06;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 8px;
  --rad-card: 14px;
  --line-weight: 2px;
  --shadow-card: 3px 3px 0 rgba(42, 27, 20, 0.18);
  --shadow-ctl: 3px 3px 0 rgba(42, 27, 20, 0.18);
  --sticker-tilt: -2.5deg;
  --font-display:
    "Alfa Slab One", "Alfa Slab One", Rockwell, "Roboto Slab", Georgia, serif;
  --font-ui:
    "Work Sans", "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "Roboto Mono";
}
html[data-theme="desert-clay"][data-mode="dark"] {
  --clr-brand: #e5805f;
  --clr-brand-strong: #e99175;
  --clr-brand-soft: #533228;
  --clr-coin: #e3b24f;
  --clr-coin-soft: #523919;
  --clr-sun: #f3c05f;
  --clr-sun-soft: #564028;
  --clr-cream: #1b1210;
  --clr-card: #2a1c18;
  --clr-ink: #e3d5c9; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #cdb7a2;
  --clr-line: #5c4034;
  --clr-ok: #63cf72;
  --clr-ok-soft: #2e4124;
  --clr-amber: #e3bb4f;
  --clr-amber-soft: #513b1a;
  --clr-red: #df7a9f;
  --clr-red-soft: #4e212a;
  --clr-focus: #5ccae0;
  --clr-sunken: #221714;
  --clr-ok-text: #63cf72;
  --clr-amber-text: #e3bb4f;
  --clr-red-text: #df7a9f;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: 3px 3px 0 rgba(0, 0, 0, 0.45);
  --shadow-ctl: 3px 3px 0 rgba(0, 0, 0, 0.45);
}

/* Arctic Frost — Cold, quiet and clinical: glacier whites, steel-blue controls and ice-blue price */
html[data-theme="arctic-frost"] {
  --clr-brand: #3a5873;
  --clr-brand-strong: #314b62;
  --clr-brand-soft: #e3e8eb;
  --clr-coin: #8a640b;
  --clr-coin-soft: #fdf2d8;
  --clr-sun: #c2e8f8;
  --clr-sun-soft: #edf8fd;
  --clr-cream: #ecf2f8;
  --clr-card: #ffffff;
  --clr-ink: #0e1b2a;
  --clr-ink-soft: #496688;
  --clr-line: #c5d3e1;
  --clr-ok: #1d7a4b;
  --clr-ok-soft: #e2f8ed;
  --clr-amber: #91600c;
  --clr-amber-soft: #fcf1de;
  --clr-red: #c1251f;
  --clr-red-soft: #fae1e0;
  --clr-focus: #1272a2;
  --clr-sunken: #e0e9f1;
  --clr-ok-text: #1d7a4b;
  --clr-amber-text: #91600c;
  --clr-red-text: #c1251f;
  --on-brand: #ffffff;
  --on-sun: #0e1b2a;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 6px;
  --rad-card: 10px;
  --line-weight: 1px;
  --shadow-card:
    0 1px 2px rgba(14, 27, 42, 0.06), 0 8px 24px -14px rgba(58, 88, 115, 0.35);
  --shadow-ctl:
    0 1px 2px rgba(14, 27, 42, 0.06), 0 8px 24px -14px rgba(58, 88, 115, 0.35);
  --sticker-tilt: 0deg;
  --font-display:
    "Barlow Condensed", "Barlow Condensed", "Arial Narrow", "Helvetica Neue",
    sans-serif;
  --font-ui:
    "Figtree", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "Fira Mono";
}
html[data-theme="arctic-frost"][data-mode="dark"] {
  --clr-brand: #8db5d8;
  --clr-brand-strong: #a0c1de;
  --clr-brand-soft: #2c3e4f;
  --clr-coin: #e3b64f;
  --clr-coin-soft: #3f3b26;
  --clr-sun: #c2e8f8;
  --clr-sun-soft: #384956;
  --clr-cream: #09111a;
  --clr-card: #111c28;
  --clr-ink: #d5dee6; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #a2b8cd;
  --clr-line: #2b4056;
  --clr-ok: #63cf99;
  --clr-ok-soft: #1a413b;
  --clr-amber: #e3ad4f;
  --clr-amber-soft: #3e3727;
  --clr-red: #dd7572;
  --clr-red-soft: #3b222a;
  --clr-focus: #5cb4e0;
  --clr-sunken: #0d1621;
  --clr-ok-text: #63cf99;
  --clr-amber-text: #e3ad4f;
  --clr-red-text: #dd7572;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.06);
  --shadow-ctl: 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Editorial Ink — A broadsheet food column: black ink on newsprint, headline serifs and highlighte */
html[data-theme="editorial-ink"] {
  --clr-brand: #1b1b1b;
  --clr-brand-strong: #0e0e0e;
  --clr-brand-soft: #dfdfdf;
  --clr-coin: #8f630c;
  --clr-coin-soft: #fdf1d8;
  --clr-sun: #ffe258;
  --clr-sun-soft: #fff6cd;
  --clr-cream: #f6f3ec;
  --clr-card: #ffffff;
  --clr-ink: #111111;
  --clr-ink-soft: #606060;
  --clr-line: #d9d4c8;
  --clr-ok: #1d7a4b;
  --clr-ok-soft: #e2f8ed;
  --clr-amber: #93620c;
  --clr-amber-soft: #fcf1de;
  --clr-red: #c1251f;
  --clr-red-soft: #fae1e0;
  --clr-focus: #195de6;
  --clr-sunken: #edeae1;
  --clr-ok-text: #1d7a4b;
  --clr-amber-text: #93620c;
  --clr-red-text: #c1251f;
  --on-brand: #ffffff;
  --on-sun: #111111;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 2px;
  --rad-card: 0px;
  --line-weight: 1px;
  --shadow-card: none;
  --shadow-ctl: none;
  --sticker-tilt: 0deg;
  --font-display:
    "DM Serif Display", "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-ui:
    "DM Sans", "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "DM Mono";
}
html[data-theme="editorial-ink"][data-mode="dark"] {
  --clr-brand: #f2efe8;
  --clr-brand-strong: #f9f8f5;
  --clr-brand-soft: #474745;
  --clr-coin: #e3b24f;
  --clr-coin-soft: #433519;
  --clr-sun: #ffe258;
  --clr-sun-soft: #4a4425;
  --clr-cream: #0d0d0d;
  --clr-card: #171717;
  --clr-ink: #dfdcd5; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #c5bdaa;
  --clr-line: #3b3b3b;
  --clr-ok: #63cf99;
  --clr-ok-soft: #1f3d2e;
  --clr-amber: #e3ad4f;
  --clr-amber-soft: #42331a;
  --clr-red: #dc726e;
  --clr-red-soft: #3f1e1d;
  --clr-focus: #5c88e0;
  --clr-sunken: #121212;
  --clr-ok-text: #63cf99;
  --clr-amber-text: #e3ad4f;
  --clr-red-text: #dc726e;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: none;
  --shadow-ctl: none;
}

/* Sunset Highway — Dusk on the N1: plum asphalt, road-sign gold actions and sky-blue price tags und */
html[data-theme="sunset-highway"] {
  --clr-brand: #866500;
  --clr-brand-strong: #765800;
  --clr-brand-soft: #efeadb;
  --clr-coin: #82660b;
  --clr-coin-soft: #fdf4d8;
  --clr-sun: #9bd5fa;
  --clr-sun-soft: #e1f2fe;
  --clr-cream: #f7ecf1;
  --clr-card: #ffffff;
  --clr-ink: #2a1233;
  --clr-ink-soft: #825095;
  --clr-line: #e2cbd8;
  --clr-ok: #1c7749;
  --clr-ok-soft: #e2f8ed;
  --clr-amber: #af490e;
  --clr-amber-soft: #fce9de;
  --clr-red: #c32030;
  --clr-red-soft: #fae0e3;
  --clr-focus: #af17ce;
  --clr-sunken: #f1e2ea;
  --clr-ok-text: #1c7749;
  --clr-amber-text: #af490e;
  --clr-red-text: #c32030;
  --on-brand: #ffffff;
  --on-sun: #2a1233;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 14px;
  --rad-card: 22px;
  --line-weight: 2px;
  --shadow-card: 0 12px 28px -12px rgba(154, 116, 0, 0.4);
  --shadow-ctl: 0 12px 28px -12px rgba(154, 116, 0, 0.4);
  --sticker-tilt: -3deg;
  --font-display:
    "Righteous", "Righteous", "Arial Rounded MT Bold", "Trebuchet MS",
    sans-serif;
  --font-ui:
    "Poppins", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "Space Mono";
}
html[data-theme="sunset-highway"][data-mode="dark"] {
  --clr-brand: #ffb400;
  --clr-brand-strong: #ffbc1a;
  --clr-brand-soft: #523525;
  --clr-coin: #e3c04f;
  --clr-coin-soft: #4b352b;
  --clr-sun: #9bd5fa;
  --clr-sun-soft: #3c3c5c;
  --clr-cream: #140a20;
  --clr-card: #21112f;
  --clr-ink: #ebddcb; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #cdbaa2;
  --clr-line: #4d2b63;
  --clr-ok: #63cf99;
  --clr-ok-soft: #273841;
  --clr-amber: #e3854f;
  --clr-amber-soft: #4a242c;
  --clr-red: #dd737e;
  --clr-red-soft: #471833;
  --clr-focus: #ca5ce0;
  --clr-sunken: #1a0e28;
  --clr-ok-text: #63cf99;
  --clr-amber-text: #e3854f;
  --clr-red-text: #dd737e;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: 0 12px 32px -12px rgba(255, 180, 0, 0.25);
  --shadow-ctl: 0 12px 32px -12px rgba(255, 180, 0, 0.25);
}

/* Candy Pop — A sweet-shop riot: bubblegum pink, gumdrop pills, glossy glows and lemon price t */
html[data-theme="candy-pop"] {
  --clr-brand: #c92267;
  --clr-brand-strong: #be2062;
  --clr-brand-soft: #f9e0eb;
  --clr-coin: #8c650b;
  --clr-coin-soft: #fdf2d8;
  --clr-sun: #ffe066;
  --clr-sun-soft: #fff6d1;
  --clr-cream: #fff0f7;
  --clr-card: #ffffff;
  --clr-ink: #2b1030;
  --clr-ink-soft: #8a5095;
  --clr-line: #f3c9dd;
  --clr-ok: #1d7a4b;
  --clr-ok-soft: #e2f8ed;
  --clr-amber: #975f0c;
  --clr-amber-soft: #fcf0de;
  --clr-red: #c1271f;
  --clr-red-soft: #fae2e0;
  --clr-focus: #7f19e6;
  --clr-sunken: #fbe4ef;
  --clr-ok-text: #1d7a4b;
  --clr-amber-text: #975f0c;
  --clr-red-text: #c1271f;
  --on-brand: #ffffff;
  --on-sun: #2b1030;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 999px;
  --rad-card: 28px;
  --line-weight: 2px;
  --shadow-card: 0 8px 22px -6px rgba(214, 36, 110, 0.35);
  --shadow-ctl: 0 8px 22px -6px rgba(214, 36, 110, 0.35);
  --sticker-tilt: 4deg;
  --font-display:
    "Lilita One", "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS",
    sans-serif;
  --font-ui:
    "Nunito", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-slip: "Sometype Mono";
}
html[data-theme="candy-pop"][data-mode="dark"] {
  --clr-brand: #ff6fb1;
  --clr-brand-strong: #ff89bf;
  --clr-brand-soft: #5c2651;
  --clr-coin: #e3b64f;
  --clr-coin-soft: #553331;
  --clr-sun: #ffe066;
  --clr-sun-soft: #5c3f41;
  --clr-cream: #1e0b24;
  --clr-card: #2e1236;
  --clr-ink: #ebd7e2; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #d1a9c0;
  --clr-line: #6a2f7a;
  --clr-ok: #63cf99;
  --clr-ok-soft: #313946;
  --clr-amber: #e3a84f;
  --clr-amber-soft: #542e32;
  --clr-red: #df7d78;
  --clr-red-soft: #511b35;
  --clr-focus: #a86de3;
  --clr-sunken: #260e2d;
  --clr-ok-text: #63cf99;
  --clr-amber-text: #e3a84f;
  --clr-red-text: #df7d78;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: 0 0 24px rgba(255, 111, 177, 0.35);
  --shadow-ctl: 0 0 24px rgba(255, 111, 177, 0.35);
}

/* Brutalist Concrete — Poured-concrete honesty: raw gray slabs, black rules, oxidized-teal actions and  */
html[data-theme="brutalist-concrete"] {
  --clr-brand: #08695d;
  --clr-brand-strong: #07584e;
  --clr-brand-soft: #cddcd5;
  --clr-coin: #7b550a;
  --clr-coin-soft: #eee2c5;
  --clr-sun: #ffd400;
  --clr-sun-soft: #f2e5a2;
  --clr-cream: #d9d9d4;
  --clr-card: #edede8;
  --clr-ink: #101010;
  --clr-ink-soft: #343434;
  --clr-line: #101010;
  --clr-ok: #196a26;
  --clr-ok-soft: #d3e9d2;
  --clr-amber: #8c4b0b;
  --clr-amber-soft: #eddeca;
  --clr-red: #b11d1d;
  --clr-red-soft: #ead1cd;
  --clr-focus: #a212a2;
  --clr-sunken: #9d9d99;
  --clr-ok-text: #196a26;
  --clr-amber-text: #8c4b0b;
  --clr-red-text: #b11d1d;
  --on-brand: #ffffff;
  --on-sun: #101010;
  --on-ok: #ffffff;
  --on-amber: #ffffff;
  --on-red: #ffffff;
  --rad-ctl: 0px;
  --rad-card: 0px;
  --line-weight: 3px;
  --shadow-card: 6px 6px 0 #101010;
  --shadow-ctl: 6px 6px 0 #101010;
  --sticker-tilt: 0deg;
  --font-display: "Bowlby One", "Bowlby One", Impact, "Arial Black", sans-serif;
  --font-ui:
    "Space Grotesk", "Space Grotesk", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-slip: "Red Hat Mono";
}
html[data-theme="brutalist-concrete"][data-mode="dark"] {
  --clr-brand: #3fd6c0;
  --clr-brand-strong: #54dac7;
  --clr-brand-soft: #254642;
  --clr-coin: #e3b24f;
  --clr-coin-soft: #493b1e;
  --clr-sun: #ffd400;
  --clr-sun-soft: #504617;
  --clr-cream: #121212;
  --clr-card: #1e1e1e;
  --clr-ink: #dadad5; /* P-546b: lightened glare — slightly darker ink for dark mode */
  --clr-ink-soft: #bebeb2;
  --clr-line: #edede8;
  --clr-ok: #63cf75;
  --clr-ok-soft: #25422a;
  --clr-amber: #e3994f;
  --clr-amber-soft: #48341f;
  --clr-red: #df7878;
  --clr-red-soft: #452222;
  --clr-focus: #e05ce0;
  --clr-sunken: #181818;
  --clr-ok-text: #63cf75;
  --clr-amber-text: #e3994f;
  --clr-red-text: #df7878;
  --on-brand: #0e0b08;
  --on-sun: #2a1a06;
  --on-ok: #0e0b08;
  --on-amber: #0e0b08;
  --on-red: #0e0b08;
  --shadow-card: 6px 6px 0 #edede8;
  --shadow-ctl: 6px 6px 0 #edede8;
}