/* Optional Cafeniu palette. Never changes the original light/night tokens. */
:root[data-family-theme="brown"][data-family-theme="brown"],:root[data-family-theme="brown"][data-family-theme="brown"] body{
 --bg:#12110E;--paper:#12110E;--surface:#211C14;--card:#211C14;--field:#17140F;
 --text:#E8E3DA;--ink:#E8E3DA;--navy:#E8E3DA;--muted:#B3AA9D;--faint:#B3AA9D;
 --border:#493D2A;--line:#493D2A;--amber:#E8972E;--amber-deep:#E8972E;
 --soft:#352819;--hover:#352819;--tint:#29372B;--green-soft:#29372B;
 --family-band-base:#12110E;--family-band-surface:#211C14;--family-band-tint:#29372B;--family-band-navy:#211C14;--family-band-border:#493D2A;
 --scrollbar-thumb:#B3AA9D;--scrollbar-track:#12110E;
 color-scheme:dark;background:var(--bg);color:var(--text);
}
:root[data-family-theme="brown"][data-family-theme="brown"] .family-header.family-header,
:root[data-family-theme="brown"][data-family-theme="brown"] .family-chrome-footer.family-footer{
 background:#12110E;color:#E8E3DA;border-color:#493D2A!important;
}
:root[data-family-theme="brown"][data-family-theme="brown"] .family-brand-white,
:root[data-family-theme="brown"][data-family-theme="brown"] .family-comics{color:#E8E3DA!important}
:root[data-family-theme="brown"][data-family-theme="brown"] .family-account,
:root[data-family-theme="brown"][data-family-theme="brown"] .primary,
:root[data-family-theme="brown"][data-family-theme="brown"] .button-primary{background:#E8972E;color:#1B2A47}
:root[data-family-theme="brown"][data-family-theme="brown"] .family-settings-dropdown,
:root[data-family-theme="brown"][data-family-theme="brown"] dialog,
:root[data-family-theme="brown"][data-family-theme="brown"] .account-dialog-header,
:root[data-family-theme="brown"][data-family-theme="brown"] .account-dialog-footer{background:#211C14;color:#E8E3DA;border-color:#493D2A}
:root[data-family-theme="brown"][data-family-theme="brown"] .family-band.family-band-navy{background:#211C14}
:root[data-family-theme="brown"][data-family-theme="brown"] .family-privacy-note{background:#29372B;color:#E8E3DA}
:root[data-family-theme="brown"][data-family-theme="brown"] .hero-lead{color:#B3AA9D}
:root[data-family-theme="brown"][data-family-theme="brown"] .orbit{border-color:#635032}
:root[data-family-theme="brown"][data-family-theme="brown"] .site-footer,
:root[data-family-theme="brown"][data-family-theme="brown"] .hero-visual,
:root[data-family-theme="brown"][data-family-theme="brown"] .float-card,
:root[data-family-theme="brown"][data-family-theme="brown"] .account-card,
:root[data-family-theme="brown"][data-family-theme="brown"] .account-intro,
:root[data-family-theme="brown"][data-family-theme="brown"] .subscription-bundle{background:#211C14;color:#E8E3DA;border-color:#493D2A}
:root[data-family-theme="brown"][data-family-theme="brown"] .card{background:var(--card);color:var(--text);border-color:var(--border)}
:root[data-family-theme="brown"][data-family-theme="brown"] input,
:root[data-family-theme="brown"][data-family-theme="brown"] select,
:root[data-family-theme="brown"][data-family-theme="brown"] textarea{background:var(--field);color:var(--text);border-color:var(--border)}
:root[data-family-theme="brown"][data-family-theme="brown"] .lead,
:root[data-family-theme="brown"][data-family-theme="brown"] .login-lead,
:root[data-family-theme="brown"][data-family-theme="brown"] .hint{color:var(--muted)}
:root[data-family-theme="brown"][data-family-theme="brown"][data-embedded-account]{--dialog-bg:#12110E;--dialog-surface:#211C14;--dialog-text:#E8E3DA;--dialog-muted:#B3AA9D;--dialog-border:#493D2A}
.family-header .family-theme[data-theme-choice="dark"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.4 1.4m11.2 11.2L19 19M5 19l1.4-1.4M17.6 6.4 19 5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.family-header .family-theme[data-theme-choice="brown"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2v16a8 8 0 0 1 0-16Z'/%3E%3C/svg%3E")}
