/* Токены: цвета в трёх блоках (светлая, системная тёмная, явная тёмная); геометрия и шрифт — только в :root.
   Классы .ea-*-scheme — схема, выбранная в админке EasyAdmin: она ставится на <body> и главнее системной.
   В админке системный тёмный блок не действует (:has(> body.ea)): бандл считает свои переменные на :root
   из светлых значений, и тёмные токены там дали бы светлой схеме тёмный фон */
:root,
.ea-light-scheme {
    --color-bg: #F5F6F8;
    --color-surface: #FFFFFF;
    --color-border: #D9DEE6;
    --color-border-strong: #7A8396;
    --color-text: #1B202A;
    --color-text-muted: #576072;
    --color-accent: #2457D1;
    --color-accent-text: #FFFFFF;
    --color-accent-soft: #EAF0FD;
    --color-success: #1D7444;
    --color-warning: #875700;
    --color-danger: #B42318;
    --color-shadow: rgba(27, 32, 42, 0.16);
    --color-glow-1: rgba(36, 87, 209, 0.22);
    --color-glow-2: rgba(124, 92, 230, 0.18);
    --color-tone-1-bg: #E3EBFC;
    --color-tone-1-text: #1E4BB4;
    --color-tone-2-bg: #ECE6FB;
    --color-tone-2-text: #5B3FB8;
    --color-tone-3-bg: #E0F2E8;
    --color-tone-3-text: #1D6B42;
    --color-tone-4-bg: #FAEEDA;
    --color-tone-4-text: #7A4E00;
    --color-tone-5-bg: #FBE4E8;
    --color-tone-5-text: #A3233F;

    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --text-sm: 0.875rem;
    --text-md: 1rem;
    --text-lg: 1.25rem;
    --text-xl: 1.5rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --radius-sm: 6px;
    --radius-md: 10px;
    --shadow-pop: 0 8px 24px var(--color-shadow);
    --focus-ring: 0 0 0 2px var(--color-accent);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not(:has(> body.ea)) {
        --color-bg: #0E1116;
        --color-surface: #161A21;
        --color-border: #2B313C;
        --color-border-strong: #6C7486;
        --color-text: #E5E8EE;
        --color-text-muted: #9DA5B4;
        --color-accent: #7FA5FF;
        --color-accent-text: #0E1116;
        --color-accent-soft: #1C2639;
        --color-success: #4DC28A;
        --color-warning: #E2B04A;
        --color-danger: #FF7D73;
        --color-shadow: rgba(0, 0, 0, 0.5);
        --color-glow-1: rgba(127, 165, 255, 0.16);
        --color-glow-2: rgba(170, 140, 255, 0.13);
        --color-tone-1-bg: #1C2A47;
        --color-tone-1-text: #A9C2FF;
        --color-tone-2-bg: #2A2245;
        --color-tone-2-text: #C9B8FF;
        --color-tone-3-bg: #17332A;
        --color-tone-3-text: #7FD8AA;
        --color-tone-4-bg: #3A2D14;
        --color-tone-4-text: #F0C674;
        --color-tone-5-bg: #3D1C25;
        --color-tone-5-text: #FF9EB0;
    }
}

:root[data-theme="dark"],
.ea-dark-scheme {
    --color-bg: #0E1116;
    --color-surface: #161A21;
    --color-border: #2B313C;
    --color-border-strong: #6C7486;
    --color-text: #E5E8EE;
    --color-text-muted: #9DA5B4;
    --color-accent: #7FA5FF;
    --color-accent-text: #0E1116;
    --color-accent-soft: #1C2639;
    --color-success: #4DC28A;
    --color-warning: #E2B04A;
    --color-danger: #FF7D73;
    --color-shadow: rgba(0, 0, 0, 0.5);
    --color-glow-1: rgba(127, 165, 255, 0.16);
    --color-glow-2: rgba(170, 140, 255, 0.13);
    --color-tone-1-bg: #1C2A47;
    --color-tone-1-text: #A9C2FF;
    --color-tone-2-bg: #2A2245;
    --color-tone-2-text: #C9B8FF;
    --color-tone-3-bg: #17332A;
    --color-tone-3-text: #7FD8AA;
    --color-tone-4-bg: #3A2D14;
    --color-tone-4-text: #F0C674;
    --color-tone-5-bg: #3D1C25;
    --color-tone-5-text: #FF9EB0;
}