/* GENERATED by tools/gen-themes.py from the Gale Keyboard's theme files. Edit the generator or themes-extra.css, not this file. */
/* Fonts used by some keyboard themes. All four are open licence (SIL OFL); the licence files are in fonts/. */
@font-face{font-family:"Comic Neue";src:url(fonts/ComicNeue-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Press Start 2P";src:url(fonts/PressStart2P-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"VT323";src:url(fonts/VT323-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Share Tech Mono";src:url(fonts/ShareTechMono-Regular.ttf) format("truetype");font-display:swap}

/* chip text colour (a theme can set its own; default keeps the old look) */
.soon,.tag,.save,.pill{color:var(--chip-text,var(--text2))}

/* ---- Manga and comic: hand-inked frames from the keyboard's own key images ---- */
:root[data-theme^="manga"] body,:root[data-theme="comic"] body{font-family:"Comic Neue","Comic Sans MS","Segoe Print",cursive,sans-serif}
:root[data-theme^="manga"] h1,:root[data-theme^="manga"] h2,:root[data-theme^="manga"] h3,:root[data-theme^="manga"] .h2,:root[data-theme^="manga"] .btn,
:root[data-theme="comic"] h1,:root[data-theme="comic"] h2,:root[data-theme="comic"] h3,:root[data-theme="comic"] .h2,:root[data-theme="comic"] .btn{font-family:"Comic Neue","Comic Sans MS","Segoe Print",cursive,sans-serif;font-weight:700;letter-spacing:0}
:root[data-theme^="manga"] .hero,:root[data-theme^="manga"] .hero2{background-image:radial-gradient(rgba(0,0,0,.16) 1.1px,transparent 1.4px),var(--hero-bg);background-size:9px 9px,auto;border:3px solid var(--text);border-radius:10px}
:root[data-theme^="manga"] .three .c,:root[data-theme^="manga"] .card,:root[data-theme^="manga"] .plan,:root[data-theme^="manga"] .faq details,:root[data-theme^="manga"] .demo .c,
:root[data-theme^="manga"] .hd,:root[data-theme^="manga"] .incl,:root[data-theme^="manga"] .rel,:root[data-theme^="manga"] .rows{background:none;border:14px solid transparent;border-image:var(--mi-white) 44 fill/14px/0 stretch;border-radius:0;box-shadow:none}
:root[data-theme^="manga"] .three .c,:root[data-theme^="manga"] .card{padding:26px}
:root[data-theme^="manga"] .plan{padding:20px}
:root[data-theme^="manga"] .btn{background:none;border:12px solid transparent;border-image:var(--mi-red) 44 fill/12px/0 stretch;border-radius:0;color:var(--on-accent);padding:2px 12px;text-shadow:none}
:root[data-theme^="manga"] .btn.ghost,:root[data-theme^="manga"] .dl .btn.ghost{border-image:var(--mi-white) 44 fill/12px/0 stretch;color:var(--text)}
:root[data-theme^="manga"] .btn.dark{border-image:var(--mi-yellow) 44 fill/12px/0 stretch;color:var(--cta-btn-text)}
:root[data-theme^="manga"] .cta{border:3px solid var(--text);border-radius:10px}
:root[data-theme^="manga"] .kick,:root[data-theme^="manga"] .soon,:root[data-theme^="manga"] .tag{border:2px solid var(--text);border-radius:6px}
:root[data-theme^="manga"] .ico{border:2px solid var(--text);border-radius:6px}
:root[data-theme^="manga"] .glogo{border:3px solid var(--text);border-radius:10px}
/* the typing example looks like a speech bubble */
:root[data-theme^="manga"] .hd{position:relative;margin-bottom:18px}
:root[data-theme^="manga"] .hd:after{content:"";position:absolute;left:44px;bottom:-14px;width:22px;height:22px;background:var(--mi-white) center/cover;transform:rotate(45deg);border-right:3px solid var(--text);border-bottom:3px solid var(--text)}
/* comic: same inked look without the textures */
:root[data-theme="comic"] .hero,:root[data-theme="comic"] .hero2{background-image:radial-gradient(rgba(0,0,0,.16) 1.1px,transparent 1.4px),var(--hero-bg);background-size:9px 9px,auto;border:3px solid var(--text);border-radius:10px}
:root[data-theme="comic"] .three .c,:root[data-theme="comic"] .card,:root[data-theme="comic"] .plan,:root[data-theme="comic"] .faq details,:root[data-theme="comic"] .demo .c,:root[data-theme="comic"] .hd,:root[data-theme="comic"] .incl,:root[data-theme="comic"] .rel{border:3px solid var(--text);border-radius:8px;box-shadow:5px 5px 0 var(--text)}
:root[data-theme="comic"] .btn{border:3px solid var(--text);border-radius:8px;box-shadow:3px 3px 0 var(--text)}
:root[data-theme="comic"] .cta{border:3px solid var(--text);border-radius:10px}

/* ---- Retro and games ---- */
:root[data-theme="retro"] body{font-family:"Share Tech Mono",ui-monospace,Consolas,monospace}
:root[data-theme="retro"] .three .c,:root[data-theme="retro"] .card,:root[data-theme="retro"] .plan,:root[data-theme="retro"] .hd,:root[data-theme="retro"] .faq details{border:2px solid var(--text);border-radius:3px}
:root[data-theme="retro"] .btn{border-radius:3px}
:root[data-theme="pixelquest"] h1,:root[data-theme="pixelquest"] h2,:root[data-theme="pixelquest"] h3,:root[data-theme="pixelquest"] .h2,:root[data-theme="pixelquest"] .btn,:root[data-theme="pixelquest"] .eyebrow,
:root[data-theme="arcade"] h1,:root[data-theme="arcade"] h2,:root[data-theme="arcade"] h3,:root[data-theme="arcade"] .h2,:root[data-theme="arcade"] .btn,:root[data-theme="arcade"] .eyebrow{font-family:"Press Start 2P",ui-monospace,monospace;font-weight:400;letter-spacing:0;line-height:1.35}
:root[data-theme="pixelquest"] h1,:root[data-theme="arcade"] h1{font-size:clamp(24px,5vw,44px)}
:root[data-theme="pixelquest"] .h2,:root[data-theme="arcade"] .h2{font-size:clamp(20px,3.6vw,34px)}
:root[data-theme="pixelquest"] .three h3,:root[data-theme="arcade"] .three h3,:root[data-theme="pixelquest"] .plan h3,:root[data-theme="arcade"] .plan h3{font-size:13px}
:root[data-theme="pixelquest"] .btn,:root[data-theme="arcade"] .btn{font-size:11px;line-height:1.6}
:root[data-theme="pixelquest"] .hero,:root[data-theme="pixelquest"] .hero2,:root[data-theme="arcade"] .hero,:root[data-theme="arcade"] .hero2,
:root[data-theme="pixelquest"] .three .c,:root[data-theme="pixelquest"] .card,:root[data-theme="pixelquest"] .plan,:root[data-theme="pixelquest"] .hd,:root[data-theme="pixelquest"] .faq details,
:root[data-theme="arcade"] .three .c,:root[data-theme="arcade"] .card,:root[data-theme="arcade"] .plan,:root[data-theme="arcade"] .hd,:root[data-theme="arcade"] .faq details,
:root[data-theme="pixelquest"] .cta,:root[data-theme="arcade"] .cta{border:3px solid var(--text);border-radius:0;box-shadow:5px 5px 0 var(--text)}
:root[data-theme="pixelquest"] .btn,:root[data-theme="arcade"] .btn,:root[data-theme="pixelquest"] .kick,:root[data-theme="arcade"] .kick{border:3px solid var(--text);border-radius:0;box-shadow:3px 3px 0 var(--text)}
:root[data-theme="terminal"] body{font-family:"VT323",ui-monospace,Consolas,monospace;font-size:19px}
:root[data-theme="terminal"] h1,:root[data-theme="terminal"] h2,:root[data-theme="terminal"] h3,:root[data-theme="terminal"] .h2{font-family:"VT323",ui-monospace,monospace;font-weight:400;letter-spacing:0;text-shadow:0 0 8px var(--accent)}
:root[data-theme="terminal"] .hero,:root[data-theme="terminal"] .hero2,:root[data-theme="terminal"] .three .c,:root[data-theme="terminal"] .card,:root[data-theme="terminal"] .plan,:root[data-theme="terminal"] .hd,:root[data-theme="terminal"] .faq details,:root[data-theme="terminal"] .cta{border:1px dashed var(--accent);border-radius:0}
:root[data-theme="terminal"] .btn{border-radius:0;border:1px solid var(--accent);font-family:"VT323",monospace;font-size:19px}
:root[data-theme="breeze"]{--bg:#ffffff;--card:#f5f5f5;--surface:#ffffff;--line:#dfdfe0;--line2:#c4c4c5;--text:#1d1d1f;--text2:#4f4f50;--mute:#6e6e73;--mute2:#6e6e73;--chip:#e8e8e9;--chip-text:#4f4f50;--accent:#0f766e;--accent-fill:#0f766e;--on-accent:#ffffff;--g1:#0071e3;--g2:#2dd4bf;--logo-bars:#fafafa;--header-bg:rgba(255,255,255,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(15,118,110,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(15,118,110,0.1),transparent 60%),#f5f5f5;--cta-bg:#094742;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="mist"]{--bg:#e9e9ee;--card:#ffffff;--surface:#ffffff;--line:#ccccd1;--line2:#b4b4b8;--text:#1d1d1f;--text2:#4a4a4d;--mute:#66666b;--mute2:#66666b;--chip:#d5d5d9;--chip-text:#4a4a4d;--accent:#106d66;--accent-fill:#0f766e;--on-accent:#ffffff;--g1:#0071e3;--g2:#2dd4bf;--logo-bars:#fafafa;--header-bg:rgba(233,233,238,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(15,118,110,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(15,118,110,0.1),transparent 60%),#ffffff;--cta-bg:#094742;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="paper"]{--bg:#f7f5f0;--card:#edebe6;--surface:#fbfaf8;--line:#d7d5d1;--line2:#bbbab6;--text:#111111;--text2:#444342;--mute:#646464;--mute2:#646464;--chip:#e0deda;--chip-text:#444342;--accent:#111111;--accent-fill:#111111;--on-accent:#f7f5f0;--g1:#111111;--g2:#111111;--logo-bars:#fafafa;--header-bg:rgba(247,245,240,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(17,17,17,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(17,17,17,0.1),transparent 60%),#edebe6;--cta-bg:#0a0a0a;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="sand"]{--bg:#efe6d8;--card:#fbf7f0;--surface:#fdfcf9;--line:#d6ccbf;--line2:#c0b6a9;--text:#3b2f25;--text2:#63574c;--mute:#6f6051;--mute2:#6f6051;--chip:#ddd4c6;--chip-text:#63574c;--accent:#136f67;--accent-fill:#0f766e;--on-accent:#ffffff;--g1:#0f766e;--g2:#0f766e;--logo-bars:#fafafa;--header-bg:rgba(239,230,216,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(15,118,110,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(15,118,110,0.1),transparent 60%),#fbf7f0;--cta-bg:#094742;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="rose"]{--bg:#f6e9ec;--card:#fffafb;--surface:#fffdfd;--line:#dccdd0;--line2:#c5b4b9;--text:#3a1f27;--text2:#634b52;--mute:#7f6069;--mute2:#7f6069;--chip:#e3d5d8;--chip-text:#634b52;--accent:#b23a5a;--accent-fill:#b23a5a;--on-accent:#ffffff;--g1:#b23a5a;--g2:#b23a5a;--logo-bars:#fafafa;--header-bg:rgba(246,233,236,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(178,58,90,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(178,58,90,0.1),transparent 60%),#fffafb;--cta-bg:#6b2336;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="lavender"]{--bg:#ece8f5;--card:#faf8fe;--surface:#fdfcff;--line:#d1ccdc;--line2:#bab4c6;--text:#2a2140;--text2:#554d68;--mute:#6b6181;--mute2:#6b6181;--chip:#d9d4e3;--chip-text:#554d68;--accent:#6b4e9b;--accent-fill:#6b4e9b;--on-accent:#ffffff;--g1:#6b4e9b;--g2:#6b4e9b;--logo-bars:#fafafa;--header-bg:rgba(236,232,245,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(107,78,155,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(107,78,155,0.1),transparent 60%),#faf8fe;--cta-bg:#402f5d;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="matcha"]{--bg:#e8efe3;--card:#f8fbf5;--surface:#fcfdfb;--line:#ccd4c8;--line2:#b5bdb0;--text:#22301f;--text2:#4e5a4a;--mute:#5a6a54;--mute2:#5a6a54;--chip:#d4dccf;--chip-text:#4e5a4a;--accent:#3f6b35;--accent-fill:#3f6b35;--on-accent:#ffffff;--g1:#3f6b35;--g2:#3f6b35;--logo-bars:#fafafa;--header-bg:rgba(232,239,227,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(63,107,53,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(63,107,53,0.1),transparent 60%),#f8fbf5;--cta-bg:#264020;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="friends"]{--bg:#f5f5f7;--card:#ffffff;--surface:#ffffff;--line:#d7d7d9;--line2:#bdbdbf;--text:#1d1d1f;--text2:#4d4d4f;--mute:#6e6e73;--mute2:#6e6e73;--chip:#dfdfe1;--chip-text:#4d4d4f;--accent:#0369cf;--accent-fill:#0071e3;--on-accent:#ffffff;--g1:#0071e3;--g2:#2dd4bf;--logo-bars:#fafafa;--header-bg:rgba(245,245,247,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(0,113,227,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(0,113,227,0.1),transparent 60%),#ffffff;--cta-bg:#004488;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="slate"]{--bg:#1b1e23;--card:#2b2e32;--surface:#36393d;--line:#393c40;--line2:#53555a;--text:#f2f2f5;--text2:#c3c3c7;--mute:#a3a8b0;--mute2:#a3a8b0;--chip:#303338;--chip-text:#c3c3c7;--accent:#5eead4;--accent-fill:#5eead4;--on-accent:#042f2e;--g1:#5eb0ff;--g2:#5eead4;--logo-bars:#111111;--header-bg:rgba(27,30,35,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(94,234,212,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(94,234,212,0.1),transparent 60%),#2b2e32;--cta-bg:#2e5755;--cta-text:#f2f2f5;--cta-btn-bg:#f2f2f5;--cta-btn-text:#111111}
:root[data-theme="ink"]{--bg:#000000;--card:#121212;--surface:#1f1f1f;--line:#222223;--line2:#404040;--text:#f5f5f7;--text2:#bfbfc1;--mute:#8e8e93;--mute2:#8e8e93;--chip:#181819;--chip-text:#bfbfc1;--accent:#5eead4;--accent-fill:#5eead4;--on-accent:#042f2e;--g1:#5eb0ff;--g2:#5eead4;--logo-bars:#111111;--header-bg:rgba(0,0,0,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(94,234,212,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(94,234,212,0.1),transparent 60%),#121212;--cta-bg:#1a423b;--cta-text:#f5f5f7;--cta-btn-bg:#f5f5f7;--cta-btn-text:#111111}
:root[data-theme="midnight"]{--bg:#0a0f1e;--card:#1b202e;--surface:#272c39;--line:#282d3b;--line2:#424754;--text:#e3e7ef;--text2:#b3b7c1;--mute:#9099ab;--mute2:#9099ab;--chip:#202533;--chip-text:#b3b7c1;--accent:#c0c7d6;--accent-fill:#c0c7d6;--on-accent:#0a0f1e;--g1:#c0c7d6;--g2:#c0c7d6;--logo-bars:#111111;--header-bg:rgba(10,15,30,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(192,199,214,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(192,199,214,0.1),transparent 60%),#1b202e;--cta-bg:#3d4352;--cta-text:#e3e7ef;--cta-btn-bg:#e3e7ef;--cta-btn-text:#111111}
:root[data-theme="ocean"]{--bg:#0b1f33;--card:#1c2f41;--surface:#283a4b;--line:#2a3c4f;--line2:#445667;--text:#e6f1fb;--text2:#b6c3cf;--mute:#93abc2;--mute2:#93abc2;--chip:#213447;--chip-text:#b6c3cf;--accent:#38bdf8;--accent-fill:#38bdf8;--on-accent:#03263b;--g1:#38bdf8;--g2:#38bdf8;--logo-bars:#111111;--header-bg:rgba(11,31,51,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(56,189,248,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(56,189,248,0.1),transparent 60%),#1c2f41;--cta-bg:#184b6a;--cta-text:#e6f1fb;--cta-btn-bg:#e6f1fb;--cta-btn-text:#111111}
:root[data-theme="forest"]{--bg:#13201a;--card:#24302a;--surface:#2f3b35;--line:#313d37;--line2:#4a5650;--text:#e8f1ea;--text2:#b9c3bc;--mute:#93ad9b;--mute2:#93ad9b;--chip:#28352f;--chip-text:#b9c3bc;--accent:#6ee7b7;--accent-fill:#6ee7b7;--on-accent:#05261a;--g1:#6ee7b7;--g2:#6ee7b7;--logo-bars:#111111;--header-bg:rgba(19,32,26,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(110,231,183,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(110,231,183,0.1),transparent 60%),#24302a;--cta-bg:#2c5846;--cta-text:#e8f1ea;--cta-btn-bg:#e8f1ea;--cta-btn-text:#111111}
:root[data-theme="sunrise"]{--bg:#151515;--card:#252525;--surface:#313131;--line:#343432;--line2:#4e4e4b;--text:#f2efe6;--text2:#c1bfb8;--mute:#a09d92;--mute2:#a09d92;--chip:#2b2b2a;--chip-text:#c1bfb8;--accent:#f6c96a;--accent-fill:#f6c96a;--on-accent:#2b2b2b;--g1:#f6c96a;--g2:#f6c96a;--logo-bars:#111111;--header-bg:rgba(21,21,21,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(246,201,106,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(246,201,106,0.1),transparent 60%),#252525;--cta-bg:#54472d;--cta-text:#f2efe6;--cta-btn-bg:#f2efe6;--cta-btn-text:#111111}
:root[data-theme="crimson"]{--bg:#1c1c1e;--card:#2c2c2e;--surface:#373739;--line:#3a3a3a;--line2:#545352;--text:#f2efe6;--text2:#c3c1ba;--mute:#d5989e;--mute2:#d5989e;--chip:#313132;--chip-text:#c3c1ba;--accent:#47b1aa;--accent-fill:#1fa39c;--on-accent:#111111;--g1:#1fa39c;--g2:#1fa39c;--logo-bars:#111111;--header-bg:rgba(28,28,30,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(31,163,156,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(31,163,156,0.1),transparent 60%),#2c2c2e;--cta-bg:#1d4241;--cta-text:#f2efe6;--cta-btn-bg:#f2efe6;--cta-btn-text:#111111}
:root[data-theme="manga"]{--bg:#e9e4d8;--card:#f7f4ec;--surface:#fcfbf7;--line:#cbc7bd;--line2:#b2aea5;--text:#151515;--text2:#444340;--mute:#5a564e;--mute2:#5a564e;--chip:#d4cfc4;--chip-text:#444340;--accent:#b32e34;--accent-fill:#d8343b;--on-accent:#ffffff;--g1:#d8343b;--g2:#d8343b;--logo-bars:#fafafa;--header-bg:rgba(233,228,216,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(216,52,59,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(216,52,59,0.1),transparent 60%),#f7f4ec;--cta-bg:#821f23;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111;--mi-white:url(themes/manga/manga_white.png);--mi-red:url(themes/manga/manga_red.png);--mi-blue:url(themes/manga/manga_blue.png);--mi-yellow:url(themes/manga/manga_yellow.png)}
:root[data-theme="manga_sakura"]{--bg:#f3e3e6;--card:#fff7f8;--surface:#fffcfc;--line:#d4c6c9;--line2:#b9adb0;--text:#151515;--text2:#464243;--mute:#6e5a60;--mute2:#6e5a60;--chip:#ddced1;--chip-text:#464243;--accent:#a9385f;--accent-fill:#e0457b;--on-accent:#111111;--g1:#e0457b;--g2:#e0457b;--logo-bars:#111111;--header-bg:rgba(243,227,230,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(224,69,123,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(224,69,123,0.1),transparent 60%),#fff7f8;--cta-bg:#86294a;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111;--mi-white:url(themes/manga/manga_sakura_white.png);--mi-red:url(themes/manga/manga_sakura_red.png);--mi-blue:url(themes/manga/manga_sakura_blue.png);--mi-yellow:url(themes/manga/manga_sakura_yellow.png)}
:root[data-theme="manga_ocean"]{--bg:#dfe8ef;--card:#f5f8fa;--surface:#fbfcfd;--line:#c3cad0;--line2:#aab1b6;--text:#151515;--text2:#414345;--mute:#4f5a66;--mute2:#4f5a66;--chip:#cbd3d9;--chip-text:#414345;--accent:#8a541f;--accent-fill:#f28c28;--on-accent:#111111;--g1:#f28c28;--g2:#f28c28;--logo-bars:#111111;--header-bg:rgba(223,232,239,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(242,140,40,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(242,140,40,0.1),transparent 60%),#f5f8fa;--cta-bg:#915418;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111;--mi-white:url(themes/manga/manga_ocean_white.png);--mi-red:url(themes/manga/manga_ocean_red.png);--mi-blue:url(themes/manga/manga_ocean_blue.png);--mi-yellow:url(themes/manga/manga_ocean_yellow.png)}
:root[data-theme="manga_matcha"]{--bg:#e3e8d6;--card:#f7f6ec;--surface:#fcfbf7;--line:#c6cabb;--line2:#adb1a4;--text:#151515;--text2:#42433f;--mute:#56604a;--mute2:#56604a;--chip:#ced3c3;--chip-text:#42433f;--accent:#775927;--accent-fill:#e2a33b;--on-accent:#151515;--g1:#e2a33b;--g2:#e2a33b;--logo-bars:#111111;--header-bg:rgba(227,232,214,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(226,163,59,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(226,163,59,0.1),transparent 60%),#f7f6ec;--cta-bg:#886223;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111;--mi-white:url(themes/manga/manga_matcha_white.png);--mi-red:url(themes/manga/manga_matcha_red.png);--mi-blue:url(themes/manga/manga_matcha_blue.png);--mi-yellow:url(themes/manga/manga_matcha_yellow.png)}
:root[data-theme="manga_noir"]{--bg:#d9d9d9;--card:#fafafa;--surface:#fdfdfd;--line:#bebebe;--line2:#a6a6a6;--text:#151515;--text2:#404040;--mute:#555555;--mute2:#555555;--chip:#c5c5c5;--chip-text:#404040;--accent:#a32c31;--accent-fill:#d8343b;--on-accent:#ffffff;--g1:#d8343b;--g2:#d8343b;--logo-bars:#fafafa;--header-bg:rgba(217,217,217,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(216,52,59,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(216,52,59,0.1),transparent 60%),#fafafa;--cta-bg:#821f23;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111;--mi-white:url(themes/manga/manga_noir_white.png);--mi-red:url(themes/manga/manga_noir_red.png);--mi-blue:url(themes/manga/manga_noir_blue.png);--mi-yellow:url(themes/manga/manga_noir_yellow.png)}
:root[data-theme="manga_dream"]{--bg:#ece3f2;--card:#fbf7fd;--surface:#fdfcfe;--line:#cec6d3;--line2:#b4adb9;--text:#151515;--text2:#444246;--mute:#63586b;--mute2:#63586b;--chip:#d6cedc;--chip-text:#444246;--accent:#a93f6a;--accent-fill:#e04f8a;--on-accent:#111111;--g1:#e04f8a;--g2:#e04f8a;--logo-bars:#111111;--header-bg:rgba(236,227,242,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(224,79,138,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(224,79,138,0.1),transparent 60%),#fbf7fd;--cta-bg:#862f53;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111;--mi-white:url(themes/manga/manga_dream_white.png);--mi-red:url(themes/manga/manga_dream_red.png);--mi-blue:url(themes/manga/manga_dream_blue.png);--mi-yellow:url(themes/manga/manga_dream_yellow.png)}
:root[data-theme="manga_night"]{--bg:#17131f;--card:#27242f;--surface:#332f3a;--line:#36323e;--line2:#504c59;--text:#f4f0ff;--text2:#c3bfce;--mute:#a49cbf;--mute2:#a49cbf;--chip:#2d2935;--chip-text:#c3bfce;--accent:#fd6ea1;--accent-fill:#ff4f8b;--on-accent:#111111;--g1:#ff4f8b;--g2:#ff4f8b;--logo-bars:#111111;--header-bg:rgba(23,19,31,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(255,79,139,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(255,79,139,0.1),transparent 60%),#27242f;--cta-bg:#58243d;--cta-text:#f4f0ff;--cta-btn-bg:#f4f0ff;--cta-btn-text:#111111;--mi-white:url(themes/manga/manga_night_white.png);--mi-red:url(themes/manga/manga_night_red.png);--mi-blue:url(themes/manga/manga_night_blue.png);--mi-yellow:url(themes/manga/manga_night_yellow.png)}
:root[data-theme="comic"]{--bg:#e9e4d8;--card:#f7f4ec;--surface:#fcfbf7;--line:#cbc7bd;--line2:#b2aea5;--text:#151515;--text2:#444340;--mute:#5a564e;--mute2:#5a564e;--chip:#d4cfc4;--chip-text:#444340;--accent:#b32e34;--accent-fill:#d8343b;--on-accent:#ffffff;--g1:#d8343b;--g2:#d8343b;--logo-bars:#fafafa;--header-bg:rgba(233,228,216,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(216,52,59,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(216,52,59,0.1),transparent 60%),#f7f4ec;--cta-bg:#821f23;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="retro"]{--bg:#e6dcc6;--card:#f6efdd;--surface:#fbf9f1;--line:#cec3af;--line2:#baae9b;--text:#3d2b1f;--text2:#625244;--mute:#6c5946;--mute2:#6c5946;--chip:#d5cab5;--chip-text:#625244;--accent:#8b4a2b;--accent-fill:#8b4a2b;--on-accent:#f6efdd;--g1:#8b4a2b;--g2:#8b4a2b;--logo-bars:#fafafa;--header-bg:rgba(230,220,198,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(139,74,43,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(139,74,43,0.1),transparent 60%),#f6efdd;--cta-bg:#532c1a;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="arcade"]{--bg:#dde4e4;--card:#f6f6f3;--surface:#fbfbfa;--line:#c0c6c6;--line2:#a8adad;--text:#111111;--text2:#3e3f3f;--mute:#7a5556;--mute2:#7a5556;--chip:#c9cfcf;--chip-text:#3e3f3f;--accent:#aa2b33;--accent-fill:#d8313c;--on-accent:#fafafa;--g1:#e3343f;--g2:#e3343f;--logo-bars:#111111;--header-bg:rgba(221,228,228,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(227,52,63,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(227,52,63,0.1),transparent 60%),#f6f6f3;--cta-bg:#881f26;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="pixelquest"]{--bg:#6cc0f8;--card:#f3e4c2;--surface:#f9f2e0;--line:#61a8d7;--line2:#5793bb;--text:#1d140e;--text2:#2e3a41;--mute:#3b2a1c;--mute2:#3b2a1c;--chip:#64afe1;--chip-text:#2e3a41;--accent:#7e2b1c;--accent-fill:#e8452c;--on-accent:#111111;--g1:#e8452c;--g2:#e8452c;--logo-bars:#111111;--header-bg:rgba(108,192,248,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(232,69,44,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(232,69,44,0.1),transparent 60%),#f3e4c2;--cta-bg:#8b291a;--cta-text:#fafafa;--cta-btn-bg:#fafafa;--cta-btn-text:#111111}
:root[data-theme="terminal"]{--bg:#020a04;--card:#141b16;--surface:#202722;--line:#0a2c15;--line2:#104a23;--text:#39ff7a;--text2:#2dc960;--mute:#2bb860;--mute2:#2bb860;--chip:#082210;--chip-text:#2dc960;--accent:#39ff7a;--accent-fill:#39ff7a;--on-accent:#021006;--g1:#39ff7a;--g2:#39ff7a;--logo-bars:#111111;--header-bg:rgba(2,10,4,0.86);--hero-bg:radial-gradient(900px 380px at 10% -10%,rgba(57,255,122,0.16),transparent 60%),radial-gradient(800px 360px at 100% 110%,rgba(57,255,122,0.1),transparent 60%),#141b16;--cta-bg:#114f25;--cta-text:#39ff7a;--cta-btn-bg:#39ff7a;--cta-btn-text:#111111}