/* Shared interface palette. Card artwork and user-selected note colours are content. */
:root { --bg:#FFFFFF; --card:#FFFFFF; --brand:#6C4CE0; --ink:#241B3B; --muted:#4E4463; --accent:#E23B7A; --border:#EFEAFB; --ring:rgba(108,76,224,.18); --shadow:0 8px 24px rgba(36,27,59,.06); }
html, body { background:#FFFFFF; color:var(--ink); }
h1,h2,h3,h4,h5,h6 { color:var(--ink); }
a { color:var(--brand); }
section, .site-nav, footer.site, .card, .table-wrap, .stat, .dash-card,
.lp-step, .lp-feature, .lp-stat, .auth-icon, .eyebrow, .lp-eyebrow,
.verification-banner, .studio-sections, .section-menu-links, .help-hero,
.help-section, .help-visual-step, .assist, .assist-result {
  background:#FFFFFF !important; border:1px solid var(--border); color:var(--ink);
}
section { border-radius:18px; }
.site-nav { backdrop-filter:none; -webkit-backdrop-filter:none; }
.site-auth a, .footer-column a, .legal-links a { color:var(--brand); }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), textarea, select {
  background:#FFFFFF; color:var(--ink); border-color:var(--border);
}
.section-menu > summary, .section-menu[open] > summary,
.section-menu > summary:hover, .section-menu-links a:hover,
.site-menu-toggle, .help-topics a, .chip input + span, .assist-btn, .assist-btn:hover,
button.mini, .btn.secondary, .admin-tabs a, .studio-sections a:hover, .lp-occ {
  background:#FFFFFF; color:var(--brand); border:1px solid var(--border);
}
.section-menu-links a { color:var(--brand); }
.section-menu-links a:hover, .site-auth a:hover, .footer-column a:hover { text-decoration:underline; text-underline-offset:4px; }
.btn, .site-auth .nav-signup, .admin-tabs a.active,
.studio-sections a[aria-current=page], .help-topics a:hover, #back-to-top {
  background:var(--brand); color:#FFFFFF; border:1px solid var(--brand);
}
.btn.secondary { background:#FFFFFF; color:var(--brand); border-color:var(--border); }
.chip input:checked + span { background:#FFFFFF; border-color:var(--brand); color:var(--brand); }
.lp-final { background:#FFFFFF; color:var(--ink); }
.lp-final p { color:var(--muted); }
.lp-final .btn { background:var(--brand); color:#FFFFFF; }
.lp-section { margin-block:20px; padding:30px 20px; }
.lp-eyebrow, .eyebrow { color:var(--brand); }
.lp-stat b, .lp-note .author { color:var(--brand); }
.status-sealed, .inv-signed, .free-tag, .success-tag { background:#E9F8EE; color:#2FAE66; border:1px solid #E9F8EE; }
.status-open, .inv-invited, .inv-opened { background:#FFFFFF; color:var(--muted); border:1px solid var(--border); }
.alert, button.mini.danger { background:#FFFFFF; border:1px solid var(--border); }
.divider, .step-mark::after { background:var(--border); }
th,td, footer.site, .site-menu, .site-auth, .section-menu-links { border-color:var(--border); }
:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }

.site-nav .lang-switch select { background:#FFFFFF; color:var(--ink); border:1px solid var(--border); }