/*
 * Токены темы. Три состояния: светлая, тёмная и системная.
 *
 * Значения задаются на :root для светлой, затем переопределяются
 * дважды — для явного выбора [data-theme='dark'] и для системной
 * тёмной, когда явного выбора нет.
 */
:root {
    --surface: #FFFFFF;
    --surface-sunken: #F7F8FA;
    --surface-raised: #FFFFFF;
    --border: var(--gray-200);
    --border-soft: var(--gray-100);
    --text: var(--gray-900);
    --text-muted: var(--gray-500);
    --text-faint: var(--gray-400);
    --hover: var(--gray-100);
    --accent: var(--indigo-600);
    --accent-hover: var(--indigo-700);
    --accent-soft: var(--indigo-50);
    --accent-text: var(--indigo-700);
    --accent-line: var(--indigo-600);
    --avatar-bg: var(--indigo-600);
    --avatar-text: #FFFFFF;
    --field-bg: #FFFFFF;
    --shadow-menu: 0 4px 8px rgba(16, 20, 32, .04), 0 16px 40px rgba(16, 20, 32, .10);
    --shadow-card: 0 1px 2px rgba(16, 20, 32, .04);
    --danger-soft: #FDECEB;
    --danger-text: #B3241D;

    color-scheme: light;
}

:root[data-theme='dark'] {
    --surface: #151A23;
    --surface-sunken: #101420;
    --surface-raised: #1C222D;
    --border: #2A313E;
    --border-soft: #222834;
    --text: #E8ECF4;
    --text-muted: #8D95A5;
    --text-faint: #5C6475;
    --hover: #222834;
    --accent: var(--indigo-500);
    --accent-hover: var(--indigo-400);
    --accent-soft: #232455;
    --accent-text: var(--indigo-300);
    --accent-line: var(--indigo-400);
    --avatar-bg: var(--indigo-600);
    --avatar-text: #FFFFFF;
    --field-bg: #1C222D;
    --shadow-menu: 0 4px 8px rgba(0, 0, 0, .30), 0 16px 40px rgba(0, 0, 0, .45);
    --shadow-card: 0 1px 2px rgba(0, 0, 0, .20);
    --danger-soft: #3A1A18;
    --danger-text: #F5A29D;

    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) {
        --surface: #151A23;
        --surface-sunken: #101420;
        --surface-raised: #1C222D;
        --border: #2A313E;
        --border-soft: #222834;
        --text: #E8ECF4;
        --text-muted: #8D95A5;
        --text-faint: #5C6475;
        --hover: #222834;
        --accent: var(--indigo-500);
        --accent-hover: var(--indigo-400);
        --accent-soft: #232455;
        --accent-text: var(--indigo-300);
        --accent-line: var(--indigo-400);
        --avatar-bg: var(--indigo-600);
        --avatar-text: #FFFFFF;
        --field-bg: #1C222D;
        --shadow-menu: 0 4px 8px rgba(0, 0, 0, .30), 0 16px 40px rgba(0, 0, 0, .45);
        --shadow-card: 0 1px 2px rgba(0, 0, 0, .20);
        --danger-soft: #3A1A18;
        --danger-text: #F5A29D;

        color-scheme: dark;
    }
}