/* Theme palettes: html[data-theme][data-mode]. Accent can be overridden inline by admin. */
html[data-theme]{--accent-soft:color-mix(in srgb,var(--accent) 16%,var(--card));--green-soft:color-mix(in srgb,var(--green) 18%,var(--card));
  --tint-1:color-mix(in srgb,#F2C230 40%,var(--card));--tint-2:color-mix(in srgb,#5B74FF 22%,var(--card));--tint-3:color-mix(in srgb,#C46BD0 22%,var(--card));
  --tint-4:color-mix(in srgb,#F2C230 12%,var(--card));--tint-5:color-mix(in srgb,#F2C230 28%,var(--card));--grain:.35;color-scheme:light}
html[data-mode=dark]{color-scheme:dark;--grain:.12;--danger:#E5533F}

/* 1. Editorial — cream paper, ink, orange */
html[data-theme=editorial]{--paper:#F3EFE6;--paper-2:#EAE4D6;--card:#FFFDF8;--ink:#15130F;--ink-2:#4A463D;--muted:#7A7466;--line:#15130F;--soft-line:#D9D2C1;--accent:#FF4F1F;--accent-ink:#fff;--shadow-c:#15130F;--green:#1F4D3A}
html[data-theme=editorial][data-mode=dark]{--paper:#14120E;--paper-2:#1E1B16;--card:#1A1814;--ink:#F3EFE6;--ink-2:#D3CCBC;--muted:#9C9584;--line:#5A5446;--soft-line:#2E2A23;--accent:#FF6A3D;--shadow-c:#000;--green:#5FB38A}

/* 2. Midnight — deep navy, electric lime */
html[data-theme=midnight]{--paper:#EDF0F7;--paper-2:#E1E6F1;--card:#FFFFFF;--ink:#0D1324;--ink-2:#39425C;--muted:#6A7391;--line:#0D1324;--soft-line:#D5DBE8;--accent:#4B3BFF;--accent-ink:#fff;--shadow-c:#0D1324;--green:#127A55;--r:8px;
  --f-display:'Syne',system-ui,sans-serif;--f-body:'IBM Plex Sans',system-ui,sans-serif}
html[data-theme=midnight][data-mode=dark]{--paper:#0B1020;--paper-2:#121A30;--card:#111829;--ink:#E6EBF8;--ink-2:#B9C2DC;--muted:#7E89A8;--line:#2A3555;--soft-line:#1C2540;--accent:#C6F432;--accent-ink:#0B1020;--shadow-c:#C6F43255;--green:#4ADE9B}

/* 3. Clean — white, blue, soft shadows */
html[data-theme=clean]{--paper:#F6F7F9;--paper-2:#EDEFF3;--card:#FFFFFF;--ink:#111827;--ink-2:#374151;--muted:#6B7280;--line:#E3E6EB;--soft-line:#EDEFF2;--accent:#2563EB;--accent-ink:#fff;--shadow-c:rgba(16,24,40,.08);--green:#15803D;--grain:0;--r:10px;
  --shadow:0 1px 2px rgba(16,24,40,.05),0 6px 18px rgba(16,24,40,.07);--shadow-sm:0 1px 3px rgba(16,24,40,.08);
  --f-display:'Plus Jakarta Sans',system-ui,sans-serif;--f-body:'Plus Jakarta Sans',system-ui,sans-serif}
html[data-theme=clean][data-mode=dark]{--paper:#0B0F17;--paper-2:#141A25;--card:#121823;--ink:#E5E7EB;--ink-2:#C2C7D0;--muted:#8B93A1;--line:#232B3A;--soft-line:#1A2130;--accent:#4C8DFF;--shadow-c:rgba(0,0,0,.4);--green:#4ADE80;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 22px rgba(0,0,0,.35);--shadow-sm:0 1px 3px rgba(0,0,0,.4)}
html[data-theme=clean] .logo-mark{transform:none;border-radius:8px}
html[data-theme=clean] h1{letter-spacing:-.03em}

/* 4. Forest — sage paper, pine ink, amber */
html[data-theme=forest]{--paper:#ECEFE4;--paper-2:#E0E5D5;--card:#FAFBF6;--ink:#13261C;--ink-2:#3C5446;--muted:#6E7F72;--line:#13261C;--soft-line:#CFD8C6;--accent:#D9772B;--accent-ink:#fff;--shadow-c:#13261C;--green:#1F5A3C;--r:12px;
  --f-display:'DM Serif Display',Georgia,serif;--f-body:'Manrope',system-ui,sans-serif}
html[data-theme=forest][data-mode=dark]{--paper:#0E1912;--paper-2:#15241A;--card:#132119;--ink:#E6EDE3;--ink-2:#BFCDBF;--muted:#87998A;--line:#34503F;--soft-line:#1F3326;--accent:#F0A04B;--accent-ink:#13261C;--shadow-c:#000;--green:#6FCF97}
html[data-theme=forest] h1,html[data-theme=forest] h2,html[data-theme=forest] h3,html[data-theme=forest] h4{font-weight:400}

/* 5. Sunset — blush paper, plum ink, magenta */
html[data-theme=sunset]{--paper:#FFF3EC;--paper-2:#FBE6DB;--card:#FFFCFA;--ink:#2A1430;--ink-2:#5B3F60;--muted:#8E7590;--line:#2A1430;--soft-line:#F0D9CF;--accent:#E3256B;--accent-ink:#fff;--shadow-c:#2A1430;--green:#2E7D5B;--r:14px;
  --f-display:'Bricolage Grotesque',system-ui,sans-serif;--f-body:'Work Sans',system-ui,sans-serif}
html[data-theme=sunset][data-mode=dark]{--paper:#170C1B;--paper-2:#221326;--card:#1E1022;--ink:#F8E9EF;--ink-2:#DCC3D0;--muted:#A88EA0;--line:#4A2C50;--soft-line:#2E1A33;--accent:#FF4D8D;--shadow-c:#000;--green:#5FD3A0}

/* 6. Aurora — lilac glass, violet→teal gradient */
html[data-theme=aurora]{--paper:#F4F1FF;--paper-2:#E9E4FB;--card:#FFFFFF;--ink:#1E1B4B;--ink-2:#4338CA;--muted:#6B6A93;--line:#DDD6F7;--soft-line:#ECE8FB;--accent:#7C3AED;--accent-ink:#fff;--shadow-c:rgba(76,29,149,.14);--green:#0F9D8A;--grain:0;--r:16px;
  --shadow:0 2px 4px rgba(76,29,149,.05),0 14px 34px rgba(76,29,149,.12);--shadow-sm:0 1px 3px rgba(76,29,149,.1);
  --f-display:'Outfit',system-ui,sans-serif;--f-body:'Inter',system-ui,sans-serif}
html[data-theme=aurora][data-mode=dark]{--paper:#0F0B1F;--paper-2:#171231;--card:#1A1438;--ink:#EEEBFF;--ink-2:#C4B5FD;--muted:#9189C4;--line:#322A63;--soft-line:#231C47;--accent:#A78BFA;--accent-ink:#0F0B1F;--shadow-c:rgba(0,0,0,.5);--green:#2DD4BF;
  --shadow:0 2px 4px rgba(0,0,0,.4),0 16px 36px rgba(0,0,0,.45);--shadow-sm:0 1px 3px rgba(0,0,0,.5)}
html[data-theme=aurora] body{background:radial-gradient(900px 520px at 8% -8%,rgba(124,58,237,.16),transparent 60%),radial-gradient(800px 480px at 100% 0,rgba(20,184,166,.14),transparent 60%),var(--paper);background-attachment:fixed}
html[data-theme=aurora][data-mode=dark] body{background:radial-gradient(900px 520px at 8% -8%,rgba(139,92,246,.28),transparent 60%),radial-gradient(800px 480px at 100% 0,rgba(45,212,191,.16),transparent 60%),var(--paper);background-attachment:fixed}
html[data-theme=aurora] .btn-accent{background:linear-gradient(135deg,var(--accent),#0EA5A4);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(124,58,237,.3)}
html[data-theme=aurora][data-mode=dark] .btn-accent{color:#0F0B1F;background:linear-gradient(135deg,#A78BFA,#2DD4BF)}
html[data-theme=aurora] .card{box-shadow:var(--shadow);border-color:var(--line);backdrop-filter:blur(8px)}
html[data-theme=aurora] .logo-mark{transform:none;border-radius:10px;background:linear-gradient(135deg,#7C3AED,#0EA5A4);color:#fff}
html[data-theme=aurora] h1,html[data-theme=aurora] h2{letter-spacing:-.025em}

/* 7. Ocean — sea-glass, deep teal, coral spark */
html[data-theme=ocean]{--paper:#E6F3F7;--paper-2:#D5EAF0;--card:#FFFFFF;--ink:#062B3A;--ink-2:#1F5668;--muted:#587D8B;--line:#B8D8E2;--soft-line:#DCEDF2;--accent:#0B7285;--accent-ink:#fff;--shadow-c:rgba(6,43,58,.12);--green:#0F8B6D;--grain:0;--r:12px;
  --shadow:0 1px 2px rgba(6,43,58,.06),0 10px 26px rgba(6,43,58,.1);--shadow-sm:0 1px 3px rgba(6,43,58,.1);
  --f-display:'Space Grotesk',system-ui,sans-serif;--f-body:'DM Sans',system-ui,sans-serif}
html[data-theme=ocean][data-mode=dark]{--paper:#06161D;--paper-2:#0C232D;--card:#0B1E27;--ink:#E3F4F8;--ink-2:#A9D6E2;--muted:#7BA3B1;--line:#1D4352;--soft-line:#12303B;--accent:#2DD4BF;--accent-ink:#04222A;--shadow-c:rgba(0,0,0,.5);--green:#5EEAD4;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 26px rgba(0,0,0,.4);--shadow-sm:0 1px 3px rgba(0,0,0,.5)}
html[data-theme=ocean] body{background:linear-gradient(180deg,rgba(11,114,133,.1),transparent 340px),var(--paper)}
html[data-theme=ocean][data-mode=dark] body{background:linear-gradient(180deg,rgba(45,212,191,.1),transparent 340px),var(--paper)}
html[data-theme=ocean] .card{box-shadow:var(--shadow)}
html[data-theme=ocean] .logo-mark{transform:none;border-radius:50% 50% 50% 8px;background:#FF6B4A;color:#fff}
html[data-theme=ocean] .btn-accent{box-shadow:0 5px 14px rgba(11,114,133,.28)}
html[data-theme=ocean] a.chip,html[data-theme=ocean] .badge{--accent:#FF6B4A}
html[data-theme=ocean] h1{letter-spacing:-.03em}

/* 8. Noir & Gold — ivory, black, antique gold */
html[data-theme=noir]{--paper:#F7F4EC;--paper-2:#EEE9DB;--card:#FFFFFF;--ink:#111111;--ink-2:#403A2C;--muted:#7C7563;--line:#111111;--soft-line:#E2DCC9;--accent:#C9A227;--accent-ink:#111111;--shadow-c:#111111;--green:#2F6B4F;--grain:.2;--r:2px;
  --shadow:6px 6px 0 rgba(201,162,39,.85);--shadow-sm:3px 3px 0 rgba(201,162,39,.85);
  --f-display:'Playfair Display',Georgia,serif;--f-body:'Karla',system-ui,sans-serif}
html[data-theme=noir][data-mode=dark]{--paper:#0A0A0A;--paper-2:#141414;--card:#101010;--ink:#F5F0E1;--ink-2:#D9CFAF;--muted:#9A917A;--line:#3A3426;--soft-line:#1E1B14;--accent:#D9B53F;--accent-ink:#0A0A0A;--shadow-c:#000;--green:#7BC9A0;--grain:.1;
  --shadow:6px 6px 0 rgba(217,181,63,.35);--shadow-sm:3px 3px 0 rgba(217,181,63,.35)}
html[data-theme=noir] .card,html[data-theme=noir] .btn{border-radius:2px}
html[data-theme=noir] h1,html[data-theme=noir] h2,html[data-theme=noir] h3{font-weight:700;letter-spacing:-.01em}
html[data-theme=noir] .logo-mark{transform:none;border-radius:0;background:#111;color:#C9A227;border:2px solid #C9A227}
html[data-theme=noir][data-mode=dark] .logo-mark{background:#C9A227;color:#0A0A0A}
html[data-theme=noir] .pill-accent,html[data-theme=noir] .badge{color:#111}
html[data-theme=noir] ::selection{background:#C9A227;color:#111}

/* Dark-mode fixes for "inverse" panels */
html[data-mode=dark] .footer,html[data-mode=dark] .admin-nav,html[data-mode=dark] .composer-guest{background:var(--paper-2);color:var(--ink);border-color:var(--line)}
html[data-mode=dark] .footer .logo{color:var(--ink)}
html[data-mode=dark] .cover,html[data-mode=dark] .profile-cover,html[data-mode=dark] .settings-cover{background-color:var(--paper-2)}
html[data-mode=dark] .blog-prose pre{background:#05070b;color:#E6E6E6}
html[data-mode=dark] img.site-logo{filter:none}

/* Logo image */
.site-logo{display:block;height:38px;width:auto;max-width:180px;object-fit:contain}
.footer .site-logo{height:44px;background:#fff;padding:6px 10px;border-radius:10px}
.logo-name{font:900 1.35rem/1 var(--f-display);letter-spacing:-.02em}
.auth-brand{display:flex;justify-content:center;margin-bottom:1.2rem}
.auth-brand .site-logo{height:48px}

/* Theme toggle */
.theme-toggle .i-sun{display:none}
html[data-mode=dark] .theme-toggle .i-sun{display:inline}
html[data-mode=dark] .theme-toggle .i-moon{display:none}

/* Admin theme picker */
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem;margin-top:.5rem}
.theme-opt{cursor:pointer;display:block}
.theme-opt input{position:absolute;opacity:0}
.theme-opt .to-card{display:block;border:1.5px solid var(--line);border-radius:12px;padding:.7rem;background:var(--card);transition:transform .15s,box-shadow .15s}
.theme-opt:hover .to-card{transform:translateY(-2px)}
.theme-opt input:checked+.to-card{box-shadow:0 0 0 3px var(--accent);border-color:var(--accent)}
.to-sw{display:flex;height:46px;border-radius:8px;overflow:hidden;margin-bottom:.55rem;border:1px solid rgba(0,0,0,.12)}
.to-sw span{flex:1}
.to-card b{display:block;font-size:.95rem}.to-card small{color:var(--muted);font-size:.78rem;line-height:1.3;display:block}
.accent-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.accent-row input[type=color]{width:56px;height:40px;padding:2px;cursor:pointer}
.brand-prev{display:flex;align-items:center;gap:.8rem;margin:.4rem 0}
.brand-prev img{height:44px;max-width:200px;object-fit:contain;border:1px dashed var(--soft-line);border-radius:8px;padding:4px;background:#fff}
.brand-prev img.fav{height:32px;width:32px}