/* Built by ./6-cache-bust.py from static-src/themes.css -- edit the master, never this file. */
html[data-theme="charcoal-cyan"] {
--bg: #0e1419;
--surface: #17212b;
--surface-2: #1c2733;
--border: #28333f;
--border-strong: #243240;
--text: #d9dee4;
--text-muted: #95a0ab;
--text-subtle: #95a0ab;
--accent: #2bbede;
--accent-hover: #f0a85a;
--accent-quiet: #56c98c;
--warn: #e8836f;
--code-bg: #1c2733;
--code-fg: #d9dee4;
--h1-color: #35c6e3;
--h1-color-hover: #f0a85a;
--h1-glow: rgba(43,190,222,0.16);
--nav-bg: #0f2233;
--nav-border: #35c6e3;
--nav-text: #d6e6ef;
}
html[data-theme="deep-forest"] {
--bg: #0d130f;
--surface: #16201a;
--surface-2: #1b271f;
--border: #273429;
--border-strong: #233028;
--text: #d7e0d8;
--text-muted: #93a397;
--text-subtle: #93a397;
--accent: #3fbd84;
--accent-hover: #e0915a;
--accent-quiet: #57c98f;
--warn: #e0915a;
--code-bg: #1b271f;
--code-fg: #d7e0d8;
--h1-color: #45c389;
--h1-color-hover: #e0915a;
--h1-glow: rgba(63,189,132,0.16);
--nav-bg: #112a1e;
--nav-border: #54d29a;
--nav-text: #d8ece0;
}
html[data-theme="midnight-navy"] {
--bg: #0e1421;
--surface: #18202f;
--surface-2: #1d2738;
--border: #283448;
--border-strong: #243246;
--text: #d6dce6;
--text-muted: #94a0b0;
--text-subtle: #94a0b0;
--accent: #5398d8;
--accent-hover: #e8a05a;
--accent-quiet: #6fa8de;
--warn: #e88a6f;
--code-bg: #1d2738;
--code-fg: #d6dce6;
--h1-color: #5b9bd5;
--h1-color-hover: #e8a05a;
--h1-glow: rgba(83,152,216,0.16);
--nav-bg: #102036;
--nav-border: #6cb0ec;
--nav-text: #d6e2f0;
}
html[data-theme="deep-plum"] {
--bg: #14101a;
--surface: #1f1a28;
--surface-2: #261f31;
--border: #332b44;
--border-strong: #2f273d;
--text: #ddd6e4;
--text-muted: #a097ad;
--text-subtle: #a097ad;
--accent: #a586e0;
--accent-hover: #e58aaa;
--accent-quiet: #9f86d6;
--warn: #e088a8;
--code-bg: #261f31;
--code-fg: #ddd6e4;
--h1-color: #a98fe0;
--h1-color-hover: #e58aaa;
--h1-glow: rgba(165,134,224,0.16);
--nav-bg: #221a36;
--nav-border: #bda3ec;
--nav-text: #e6def0;
}
html[data-theme="warm-espresso"] {
--bg: #15110d;
--surface: #201a14;
--surface-2: #28201a;
--border: #38301f;
--border-strong: #322820;
--text: #e3dccf;
--text-muted: #a89b86;
--text-subtle: #a89b86;
--accent: #cf9152;
--accent-hover: #6bb6a6;
--accent-quiet: #c9a36a;
--warn: #e0795a;
--code-bg: #28201a;
--code-fg: #e3dccf;
--h1-color: #d99a5c;
--h1-color-hover: #6bb6a6;
--h1-glow: rgba(207,145,82,0.16);
--nav-bg: #261c12;
--nav-border: #e0a468;
--nav-text: #efe4d4;
}
html[data-theme="slate-teal"] {
--bg: #0e1518;
--surface: #182227;
--surface-2: #1d292f;
--border: #28353a;
--border-strong: #243339;
--text: #d7dee1;
--text-muted: #93a1a6;
--text-subtle: #93a1a6;
--accent: #36b3a8;
--accent-hover: #e0a45a;
--accent-quiet: #4cc2b6;
--warn: #e0a45a;
--code-bg: #1d292f;
--code-fg: #d7dee1;
--h1-color: #3fb8ad;
--h1-color-hover: #e0a45a;
--h1-glow: rgba(54,179,168,0.16);
--nav-bg: #102529;
--nav-border: #45c7bb;
--nav-text: #d6ebe9;
}
html[data-theme="graphite-rose"] {
--bg: #121013;
--surface: #1d1a1e;
--surface-2: #242025;
--border: #332d33;
--border-strong: #2c272e;
--text: #ddd9dd;
--text-muted: #a39ca3;
--text-subtle: #a39ca3;
--accent: #d27e96;
--accent-hover: #d9b066;
--accent-quiet: #c98ea2;
--warn: #d9b066;
--code-bg: #242025;
--code-fg: #ddd9dd;
--h1-color: #d98aa0;
--h1-color-hover: #d9b066;
--h1-glow: rgba(210,126,150,0.16);
--nav-bg: #211c22;
--nav-border: #e3a0b4;
--nav-text: #ece4e8;
}
html[data-theme="deep-ocean"] {
--bg: #0b1418;
--surface: #142026;
--surface-2: #18272e;
--border: #25343b;
--border-strong: #1f323a;
--text: #d6e0e3;
--text-muted: #91a2a8;
--text-subtle: #91a2a8;
--accent: #33b8bc;
--accent-hover: #e88a6f;
--accent-quiet: #4cc7cb;
--warn: #e88a6f;
--code-bg: #18272e;
--code-fg: #d6e0e3;
--h1-color: #3cc2c6;
--h1-color-hover: #e88a6f;
--h1-glow: rgba(51,184,188,0.16);
--nav-bg: #0d2530;
--nav-border: #45c9cd;
--nav-text: #d6ecee;
}
html[data-theme="dark-moss"] {
--bg: #12130d;
--surface: #1d1f14;
--surface-2: #24261a;
--border: #34361f;
--border-strong: #2d2f20;
--text: #e0e1cf;
--text-muted: #a5a587;
--text-subtle: #a5a587;
--accent: #b2bb52;
--accent-hover: #e0905a;
--accent-quiet: #aeb85a;
--warn: #e0905a;
--code-bg: #24261a;
--code-fg: #e0e1cf;
--h1-color: #bcc25a;
--h1-color-hover: #e0905a;
--h1-glow: rgba(178,187,82,0.16);
--nav-bg: #212413;
--nav-border: #cdd266;
--nav-text: #ebecd6;
}
html[data-theme="burgundy-night"] {
--bg: #150e11;
--surface: #20171b;
--surface-2: #281d22;
--border: #38262e;
--border-strong: #31242a;
--text: #e2d6da;
--text-muted: #ad999f;
--text-subtle: #ad999f;
--accent: #d2697f;
--accent-hover: #e0a85a;
--accent-quiet: #cf7e98;
--warn: #e0a85a;
--code-bg: #281d22;
--code-fg: #e2d6da;
--h1-color: #d97a8c;
--h1-color-hover: #e0a85a;
--h1-glow: rgba(210,105,127,0.16);
--nav-bg: #26151a;
--nav-border: #e3909e;
--nav-text: #f0e0e4;
}
html[data-theme="warm-sand"] {
--bg: #f6f0e4;
--surface: #fffaf0;
--surface-2: #efe6d4;
--border: #e1d4bc;
--border-strong: #efe6d4;
--text: #3a322a;
--text-muted: #8a7c68;
--text-subtle: #8a7c68;
--accent: #9c4a16;
--accent-hover: #1f7a68;
--accent-quiet: #8a4a1c;
--warn: #1f7a68;
--code-bg: #efe6d4;
--code-fg: #3a322a;
--h1-color: #a8521f;
--h1-color-hover: #1f7a68;
--h1-glow: rgba(60,40,20,0.12);
--nav-bg: #523420;
--nav-border: #e0a05f;
--nav-text: #f4e8d6;
}
html[data-theme="calm-sky"] {
--bg: #edf3f8;
--surface: #f7fbfd;
--surface-2: #dde9f2;
--border: #d0dfeb;
--border-strong: #dde9f2;
--text: #28323b;
--text-muted: #6f7d89;
--text-subtle: #6f7d89;
--accent: #1c6791;
--accent-hover: #d4624a;
--accent-quiet: #266f96;
--warn: #d0604a;
--code-bg: #dde9f2;
--code-fg: #28323b;
--h1-color: #1f6f9c;
--h1-color-hover: #d4624a;
--h1-glow: rgba(20,50,80,0.12);
--nav-bg: #143f5c;
--nav-border: #6cc1e8;
--nav-text: #e9f3fa;
}
html[data-theme="sage-wellness"] {
--bg: #eef3ea;
--surface: #f8fbf5;
--surface-2: #e3ecdd;
--border: #d6e1cd;
--border-strong: #e3ecdd;
--text: #2c382e;
--text-muted: #74826d;
--text-subtle: #74826d;
--accent: #226b49;
--accent-hover: #b15c3c;
--accent-quiet: #2f6f4a;
--warn: #b15c3c;
--code-bg: #e3ecdd;
--code-fg: #2c382e;
--h1-color: #2e7d54;
--h1-color-hover: #b15c3c;
--h1-glow: rgba(20,50,30,0.12);
--nav-bg: #234634;
--nav-border: #8fd6ad;
--nav-text: #e9f3ec;
}
html[data-theme="soft-linen"] {
--bg: #f2efe8;
--surface: #faf8f2;
--surface-2: #e7e2d6;
--border: #e0dacd;
--border-strong: #e7e2d6;
--text: #2f2c27;
--text-muted: #847d70;
--text-subtle: #847d70;
--accent: #0f6f67;
--accent-hover: #b25a36;
--accent-quiet: #2c7d68;
--warn: #b25a36;
--code-bg: #e7e2d6;
--code-fg: #2f2c27;
--h1-color: #157a72;
--h1-color-hover: #b25a36;
--h1-glow: rgba(40,38,30,0.12);
--nav-bg: #2a2923;
--nav-border: #54b8a6;
--nav-text: #f1ede4;
}
html[data-theme="flightdeck"] {
--bg: #071A2E;
--surface: #0A2540;
--surface-2: #0E2C4B;
--border: #1E3A5C;
--border-strong: #2A4A73;
--text: #EAE2D0;
--text-muted: #A9B4C4;
--text-subtle: #8A99AC;
--accent: #FFB703;
--accent-hover: #FF6B35;
--accent-quiet: #2A9D8F;
--warn: #FF6B35;
--code-bg: #0E2C4B;
--code-fg: #EAE2D0;
--h1-color: #FFB703;
--h1-color-hover: #FF6B35;
--h1-glow: rgba(255,183,3,0.15);
--nav-bg: #0A2540;
--nav-border: #FFB703;
--nav-text: #F2EDE3;
--font-display: 'B612', 'Inter', system-ui, sans-serif;
--font-serif: 'B612', 'Newsreader', Georgia, serif;
--font-sans: 'B612', 'Inter', system-ui, -apple-system, sans-serif;
--font-mono: 'B612 Mono', 'JetBrains Mono', Consolas, monospace;
}
html[data-theme] .navbar { background: var(--nav-bg); border-bottom-color: var(--nav-border); }
html[data-theme] .navbar a { color: var(--nav-text); }
html[data-theme] .navbar > ul > li:hover > a,
html[data-theme] .navbar > ul > li > a:focus { background: rgba(255,255,255,0.13); color: var(--nav-text); }
html[data-theme] .breadcrumb { color: var(--text-subtle); }
html[data-theme] .breadcrumb a { color: var(--accent); }
html[data-theme] .breadcrumb a:hover { color: var(--accent-hover); border-bottom-color: var(--accent-hover); }
html[data-theme] .navbar .dropdown { background: var(--surface); border-top-color: var(--nav-border); border-bottom-color: var(--border); }
html[data-theme] .navbar .dropdown > li:not(.has-submenu) > a { color: var(--accent); }
html[data-theme] .navbar .dropdown > li:not(.has-submenu) > a:hover { background: var(--surface-2); color: var(--accent-hover); }
html[data-theme] .has-submenu > a { color: var(--accent); border-bottom-color: var(--border); }
html[data-theme] .has-submenu > a:hover { color: var(--accent-hover); }
html[data-theme] .submenu li a { color: var(--text-muted); }
html[data-theme] .submenu li a:hover { color: var(--text); }
html[data-theme] .submenu .submenu-nested { border-left-color: var(--border); }
html[data-theme] .submenu .submenu-nested li a { color: var(--text-subtle); }
html[data-theme] .submenu .submenu-nested li a:hover { color: var(--text); }
html[data-theme] .dropdown-section-header { color: var(--accent); border-top-color: var(--border); }
html[data-theme] .dropdown::-webkit-scrollbar-track { background: var(--surface); }
html[data-theme] .dropdown::-webkit-scrollbar-thumb { background: var(--border); }
#pa-theme-fab { position: fixed; right: 16px; bottom: 16px; z-index: 12000;
width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center;
justify-content: center; font-size: 22px; cursor: pointer; user-select: none;
background: var(--surface); color: var(--accent); border: 1px solid var(--border-strong);
box-shadow: 0 4px 14px rgba(0,0,0,0.5); opacity: 0.92;
transition: transform .15s ease, opacity .15s ease;
font-family: 'Segoe UI Historic', 'Segoe UI', system-ui, sans-serif; }
#pa-theme-fab:hover { opacity: 1; transform: translateY(-2px) scale(1.05); }
#pa-theme-fab:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.pa-panel { position: fixed; right: 16px; bottom: 72px; z-index: 12000;
width: 280px; max-width: calc(100vw - 32px); max-height: 70vh; overflow-y: auto;
display: none; padding: 14px; border-radius: 14px;
background: var(--surface); border: 1px solid var(--border-strong);
box-shadow: 0 12px 36px rgba(0,0,0,0.7);
font-family: 'Segoe UI Historic', 'Segoe UI', system-ui, sans-serif; }
.pa-panel.open { display: block; }
.pa-panel-title { font-weight: 700; color: var(--accent); font-size: 14px; margin: 0 0 6px; }
.pa-panel-note { font-size: 11.5px; color: var(--text-muted); margin: 0 0 8px; line-height: 1.4; }
.pa-group { font-size: 11px; text-transform: uppercase; letter-spacing: .06em;
color: var(--text-muted); margin: 12px 0 6px; font-weight: 700; }
.pa-swatch { display: flex; align-items: center; gap: 9px; width: 100%; cursor: pointer;
margin: 0 0 6px; padding: 7px 10px; border-radius: 9px; border: 1px solid var(--border);
background: var(--surface-2); color: var(--text); font-size: 13px; font-weight: 600;
font-family: inherit; text-align: left; transition: border-color .15s ease; }
.pa-sep { height: 1px; background: var(--border); margin: 12px 0 2px; }
.pa-fs-row { display: flex; gap: 6px; }
.pa-fs { flex: 1 1 0; display: flex; flex-direction: column; align-items: center;
justify-content: center; gap: 1px; cursor: pointer; padding: 8px 4px;
border-radius: 9px; border: 1px solid var(--border);
background: var(--surface-2); color: var(--text);
font-family: inherit; line-height: 1.1; transition: border-color .15s ease; }
.pa-fs b { font-weight: 700; }
.pa-fs span { font-size: 10.5px; color: var(--text-muted); font-weight: 600; }
.pa-fs[data-font="small"] b   { font-size: 12px; }
.pa-fs[data-font="regular"] b { font-size: 15px; }
.pa-fs[data-font="large"] b   { font-size: 19px; }
.pa-fs:hover { border-color: var(--accent); }
.pa-fs.pa-active { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent) inset; }
.pa-fs.pa-active span { color: var(--text); }
.pa-fs:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.pa-swatch:hover { border-color: var(--accent); }
.pa-swatch.pa-active { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent) inset; }
.pa-dot { width: 18px; height: 18px; border-radius: 50%; flex: 0 0 auto;
border: 1px solid rgba(127,127,127,0.5); }