/* 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}

/* 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}