/* Плашки статусов и цветные сообщения («Принято», «Ожидает проверки», «Отклонено»,
   «Не решалось», «Учитель» и т.п.) — своя палитра для каждой темы. В шаблонах цвета
   задаются переменными: background: var(--badge-<тон>-bg); color: var(--badge-<тон>-fg);
   box-shadow: var(--badge-<тон>-ring). Тоны: success, warning, danger, neutral, info. */

:root {
    --badge-success-bg: #e6f4ea; --badge-success-fg: #137333; --badge-success-ring: none;
    --badge-warning-bg: #fef7e0; --badge-warning-fg: #b06000; --badge-warning-ring: none;
    --badge-danger-bg: #fce8e6;  --badge-danger-fg: #c5221f;  --badge-danger-ring: none;
    --badge-neutral-bg: #f1f3f4; --badge-neutral-fg: #5f6368; --badge-neutral-ring: none;
    --badge-info-bg: #e8f0fe;    --badge-info-fg: #1a73e8;    --badge-info-ring: none;
}

/* Тёмная: приглушённый полупрозрачный фон, светлый текст, тонкая обводка. */
html[data-theme="dark"] {
    --badge-success-bg: rgba(46, 160, 67, 0.16);  --badge-success-fg: #56d364; --badge-success-ring: inset 0 0 0 1px rgba(86, 211, 100, 0.35);
    --badge-warning-bg: rgba(210, 153, 34, 0.16); --badge-warning-fg: #e3b341; --badge-warning-ring: inset 0 0 0 1px rgba(227, 179, 65, 0.35);
    --badge-danger-bg: rgba(248, 81, 73, 0.16);   --badge-danger-fg: #ff7b72;  --badge-danger-ring: inset 0 0 0 1px rgba(255, 123, 114, 0.35);
    --badge-neutral-bg: rgba(139, 148, 158, 0.16); --badge-neutral-fg: #b1bac4; --badge-neutral-ring: inset 0 0 0 1px rgba(177, 186, 196, 0.25);
    --badge-info-bg: rgba(56, 139, 253, 0.16);    --badge-info-fg: #79c0ff;    --badge-info-ring: inset 0 0 0 1px rgba(121, 192, 255, 0.35);
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme]), html[data-theme="auto"] {
        --badge-success-bg: rgba(46, 160, 67, 0.16);  --badge-success-fg: #56d364; --badge-success-ring: inset 0 0 0 1px rgba(86, 211, 100, 0.35);
        --badge-warning-bg: rgba(210, 153, 34, 0.16); --badge-warning-fg: #e3b341; --badge-warning-ring: inset 0 0 0 1px rgba(227, 179, 65, 0.35);
        --badge-danger-bg: rgba(248, 81, 73, 0.16);   --badge-danger-fg: #ff7b72;  --badge-danger-ring: inset 0 0 0 1px rgba(255, 123, 114, 0.35);
        --badge-neutral-bg: rgba(139, 148, 158, 0.16); --badge-neutral-fg: #b1bac4; --badge-neutral-ring: inset 0 0 0 1px rgba(177, 186, 196, 0.25);
        --badge-info-bg: rgba(56, 139, 253, 0.16);    --badge-info-fg: #79c0ff;    --badge-info-ring: inset 0 0 0 1px rgba(121, 192, 255, 0.35);
    }
}

/* Solarized Osaka: акцентные цвета палитры Solarized на фоне base02. */
html[data-theme="solarized_osaka"] {
    --badge-success-bg: rgba(133, 153, 0, 0.18);  --badge-success-fg: #a6bf1a; --badge-success-ring: inset 0 0 0 1px rgba(133, 153, 0, 0.55);
    --badge-warning-bg: rgba(181, 137, 0, 0.18);  --badge-warning-fg: #d9a514; --badge-warning-ring: inset 0 0 0 1px rgba(181, 137, 0, 0.55);
    --badge-danger-bg: rgba(220, 50, 47, 0.18);   --badge-danger-fg: #f2605b;  --badge-danger-ring: inset 0 0 0 1px rgba(220, 50, 47, 0.55);
    --badge-neutral-bg: rgba(88, 110, 117, 0.30); --badge-neutral-fg: #93a1a1; --badge-neutral-ring: inset 0 0 0 1px rgba(88, 110, 117, 0.7);
    --badge-info-bg: rgba(38, 139, 210, 0.18);    --badge-info-fg: #4fa9e8;    --badge-info-ring: inset 0 0 0 1px rgba(38, 139, 210, 0.55);
}

/* Неон: почти прозрачный фон, неоновый текст и светящийся контур. */
html[data-theme="neon"] {
    --badge-success-bg: rgba(57, 255, 136, 0.08); --badge-success-fg: #39ff88; --badge-success-ring: inset 0 0 0 1px rgba(57, 255, 136, 0.7), 0 0 8px rgba(57, 255, 136, 0.35);
    --badge-warning-bg: rgba(255, 210, 63, 0.08); --badge-warning-fg: #ffd23f; --badge-warning-ring: inset 0 0 0 1px rgba(255, 210, 63, 0.7), 0 0 8px rgba(255, 210, 63, 0.35);
    --badge-danger-bg: rgba(255, 59, 107, 0.10);  --badge-danger-fg: #ff3b6b;  --badge-danger-ring: inset 0 0 0 1px rgba(255, 59, 107, 0.75), 0 0 8px rgba(255, 59, 107, 0.4);
    --badge-neutral-bg: rgba(157, 77, 255, 0.10); --badge-neutral-fg: #b9a8ff; --badge-neutral-ring: inset 0 0 0 1px rgba(157, 77, 255, 0.55), 0 0 6px rgba(157, 77, 255, 0.25);
    --badge-info-bg: rgba(0, 240, 255, 0.08);     --badge-info-fg: #00f0ff;    --badge-info-ring: inset 0 0 0 1px rgba(0, 240, 255, 0.7), 0 0 8px rgba(0, 240, 255, 0.35);
}

/* Светлый неон: светлый тонированный фон, насыщенный текст и цветное свечение контура. */
html[data-theme="neon_light"] {
    --badge-success-bg: #eafff3; --badge-success-fg: #00a35a; --badge-success-ring: inset 0 0 0 1px rgba(0, 200, 110, 0.55), 0 0 8px rgba(0, 220, 120, 0.30);
    --badge-warning-bg: #fff8e0; --badge-warning-fg: #b47a00; --badge-warning-ring: inset 0 0 0 1px rgba(240, 170, 0, 0.6), 0 0 8px rgba(255, 190, 0, 0.30);
    --badge-danger-bg: #ffecf2;  --badge-danger-fg: #e0164f;  --badge-danger-ring: inset 0 0 0 1px rgba(255, 40, 100, 0.55), 0 0 8px rgba(255, 40, 100, 0.28);
    --badge-neutral-bg: #f4efff; --badge-neutral-fg: #6b5a99; --badge-neutral-ring: inset 0 0 0 1px rgba(139, 61, 255, 0.30), 0 0 6px rgba(139, 61, 255, 0.15);
    --badge-info-bg: #e6fbff;    --badge-info-fg: #0089a3;    --badge-info-ring: inset 0 0 0 1px rgba(0, 216, 240, 0.6), 0 0 8px rgba(0, 216, 240, 0.30);
}