/* Светлая тема lexometrica.ru. styles.css — копия с .com и не правится, поэтому светлая палитра
   переопределяет его токены под html[data-theme="light"]. Темная — по умолчанию, как на .com.
   Атрибут ставит theme.js по значению из localStorage, кнопка .theme-toggle живет в шапке. */
html { color-scheme: dark; }
html[data-theme="light"] {
    color-scheme: light;
    /* Теплая бумажная палитра (stone), а не холодный белый */
    --color-bg: #f7f5f0;
    --color-bg-elevated: #fdfbf7;
    --color-bg-subtle: #efebe4;
    --color-text: #1c1917;
    --color-text-muted: #5c564f;
    --color-border: #d9d3c8;
}
/* Зеленый и оранжевый в рейтинге заданы в styles.css жестко и на светлом фоне бледные */
html[data-theme="light"] .score-high,
html[data-theme="light"] .rank-badge.rank-1 { color: #15803d; }
html[data-theme="light"] .score-low,
html[data-theme="light"] .rank-badge.rank-3 { color: #c2410c; }

/* Кнопка: на темной теме солнце (переключит на светлую), на светлой — луна */
.theme-toggle {
    margin-left: var(--space-sm);
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-text-muted);
    cursor: pointer;
    vertical-align: middle;
    line-height: 0;
    transition: color 0.2s ease;
}
.theme-toggle:hover { color: var(--color-text); }
.theme-toggle .icon-moon { display: none; }
html[data-theme="light"] .theme-toggle .icon-sun { display: none; }
html[data-theme="light"] .theme-toggle .icon-moon { display: inline; }