/* Токены тем и общие значения интерфейса. */

/* Тёмная тема */
:root {
    color-scheme: dark;
    --error: #ff9e86;
    --font-stack: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --bg-primary: #121214;
    --bg-secondary: #1a1a1e;
    --bg-card: #232329;
    --bg-elevated: #2d2d35;
    --accent: #60a5fa;
    --accent-hover: #93c5fd;
    --accent-back: #5381fd;
    --accent-glow: rgba(96, 165, 250, 0.28);
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border: #3f3f46;
    --border-light: #52525b;
    --gradient-1: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    --gradient-2: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    --scrollbar-thumb: #334155;
    --scrollbar-thumb-hover: #475569;
    --shadow: rgba(0, 0, 0, 0.3);

    /* Общие элементы управления */
    --control-text: var(--text-primary);
    --control-placeholder: var(--text-muted);
    --control-placeholder-opacity: 0.7;
    --control-placeholder-focus-opacity: 0.35;
    --control-error: var(--error);
    --control-border: var(--border);
    --control-border-hover: color-mix(in srgb, var(--accent) 35%, var(--border));
    --control-border-focus: var(--accent);
    --control-border-error: var(--error);
    --control-bg: #1a1a1e;
    --control-bg-filled: color-mix(in srgb, var(--accent) 10%, var(--control-bg));
    --control-bg-filled-focus: color-mix(in srgb, var(--accent) 12%, var(--control-bg));
    --control-bg-error: var(--control-bg);
    --control-shadow-focus: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent), 0 0 14px 2px var(--accent-glow);
    --control-shadow-filled-focus: 0 0 0 2px var(--accent-glow), 0 8px 20px color-mix(in srgb, var(--accent) 15%, transparent);
    --control-shadow-filled: 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent), 0 6px 16px color-mix(in srgb, var(--accent) 10%, transparent);
    --control-shadow-error: 0 0 0 2px color-mix(in srgb, var(--error) 14%, transparent);

    /* Основные действия */
    --action-primary-bg: var(--gradient-1);
    --action-primary-text: #0a0a0a;
    --action-primary-shadow: 0 4px 15px var(--accent-glow);
    --action-primary-shadow-hover: 0 8px 25px var(--accent-glow);
    --action-primary-focus-color: var(--accent-hover);
    --action-primary-hover-filter: brightness(0.88);
    --action-primary-disabled-opacity: 0.55;
    --action-primary-active-offset: 1px;
}

/* Светлая тема */
[data-theme="light"] {
    color-scheme: light;
    --error: #b91c1c;
    --bg-primary: #f1f5f9;
    --bg-secondary: #e2e8f0;
    --bg-elevated: #cbd5e1; 
    --bg-card: #ffffff;
    --accent: #2563eb;
    --accent-back: #5381fd;
    --accent-hover: #3b82f6;
    --accent-glow: rgba(37, 99, 235, 0.16);
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --border: #cbd5e1;
    --border-light: #e2e8f0;
    --gradient-1: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
    --gradient-2: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    --scrollbar-thumb: #cbd5e1;
    --scrollbar-thumb-hover: #94a3b8;
    --shadow: rgba(15, 23, 42, 0.08);

    /* Общие элементы управления */
    --control-bg: #e2e8f0;
}