html[data-public-theme="light"] {
    --bg-primary: #f7f3eb;
    --bg-secondary: #ebe4d7;
    --text-primary: #2d241b;
    --text-secondary: #655848;
    --text-muted: #8a7762;
    --gold: #9b651f;
    --gold-dark: #754b17;
    --border-gold: rgba(125, 81, 25, 0.22);
    --line: rgba(100, 77, 51, .18);
    --surface-1: rgba(255, 255, 255, .8);
    --surface-2: #f5eee3;
    --accent: #9b651f;
    --accent-strong: #754b17;
    --aurora: #28796d;
    --text-dark: #fff;
    color-scheme: light;
}

html[data-public-theme="light"] body {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
}

html[data-public-theme="light"] .landing-page,
html[data-public-theme="light"] .focus-page,
html[data-public-theme="light"] .login-page,
html[data-public-theme="light"] .auth-page {
    background: var(--bg-primary);
}

html[data-public-theme="light"] .login-box,
html[data-public-theme="light"] .auth-panel {
    background: rgba(255, 255, 255, .9);
    color: var(--text-primary);
}

html[data-public-theme="light"] .auth-story {
    background: linear-gradient(150deg, #ead9c1, #f8f3eb);
}

html[data-public-theme="light"] .auth-yandex { color: var(--text-primary); }

html[data-public-theme="light"] .landing-nav,
html[data-public-theme="light"] .focus-nav {
    background: rgba(247, 243, 235, 0.82);
}

html[data-public-theme="light"] .focus-door,
html[data-public-theme="light"] .flow-card,
html[data-public-theme="light"] .value-card,
html[data-public-theme="light"] .focus-card,
html[data-public-theme="light"] .focus-visual {
    background: rgba(255, 255, 255, 0.62);
    border-color: var(--border-gold);
}

html[data-public-theme="light"] .universe-card {
    border-color: rgba(125, 81, 25, 0.28);
    background: rgba(255, 252, 246, 0.94);
    box-shadow: 0 18px 45px rgba(96, 67, 37, 0.14);
}

html[data-public-theme="light"] .universe-card--map {
    background:
        radial-gradient(circle at 34% 44%, rgba(38, 121, 109, 0.5) 0 3px, transparent 4px),
        radial-gradient(circle at 65% 27%, rgba(155, 101, 31, 0.6) 0 3px, transparent 4px),
        radial-gradient(circle at 76% 66%, rgba(111, 90, 157, 0.58) 0 3px, transparent 4px),
        linear-gradient(36deg, transparent 47%, rgba(38, 121, 109, 0.22) 48% 49%, transparent 50%),
        linear-gradient(145deg, #f2e5d2, #fffaf2 55%, #eadfce);
}

html[data-public-theme="light"] .universe-card--map::after {
    background-image: linear-gradient(rgba(100, 77, 51, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(100, 77, 51, .12) 1px, transparent 1px);
}

html[data-public-theme="light"] .universe-card__title {
    color: #2d241b;
}

html[data-public-theme="light"] .universe-card__eyebrow,
html[data-public-theme="light"] .universe-card__meta {
    color: #655848;
}

.public-theme-picker {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 4px 3px 8px;
    border: 1px solid var(--border-gold, rgba(255, 215, 0, .2));
    border-radius: 12px;
    background: rgba(255, 255, 255, .04);
}

.public-theme-picker__label {
    color: var(--text-muted);
    font-size: .75rem;
}

.public-theme-picker button {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    color: var(--text-primary);
    background: rgba(223, 173, 118, .2);
    cursor: pointer;
    font: inherit;
    font-size: 1rem;
    line-height: 1;
}

.public-theme-picker button:hover,
.public-theme-picker button:focus-visible {
    background: rgba(223, 173, 118, .35);
}

@media (max-width: 620px) {
    .public-theme-picker { padding-left: 6px; }
    .public-theme-picker__label { font-size: .7rem; }
}
