/**
 * Кольорові змінні інтерфейсу «5 колесо».
 * light — класичне оформлення 1С (за замовчуванням).
 * modern — сучасне легке оформлення (css/theme-modern.css).
 * dark / terminal — зарезервовано, не в меню перемикача.
 * Розміри/щільність — у css/shell.css (body.ui-density-*).
 */
:root,
[data-theme="light"] {
    --1c-bg: #f0f0f0;
    --1c-panel-bg: #ffffff;
    --1c-header-bg: #e8e8e8;
    --1c-border: #c0c0c0;
    --1c-text: #000000;
    --1c-text-secondary: #666666;
    --1c-text-muted: #666666;
    --1c-text-emphasis: #1a1a1a;
    --1c-text-on-accent: #1a1a1a;
    --1c-accent: #ffd700;
    --1c-accent-border: #d4aa00;
    --1c-accent-shadow: rgba(255, 215, 0, 0.3);
    --1c-button: #e1e1e1;
    --1c-button-hover: #d4d4d4;
    --1c-button-primary: #ffd700;
    --1c-link: #0000ff;
    --1c-price-discount: #0066cc;
    --1c-price-wholesale: #666666;
    --1c-grid-header: #e8e8e8;
    --1c-grid-cell-bg: #ffffff;
    --1c-grid-row-selected: #ffd700;
    --1c-grid-row-hover: #f5f5f5;
    --1c-grid-border: #d0d0d0;
    --1c-tab-active: #ffffff;
    --1c-tab-inactive: #e0e0e0;
    --1c-input-bg: #ffffff;
    --1c-input-border: #a0a0a0;
    --1c-input-focus: #ffd700;
    --1c-surface-muted: #f5f6f8;
    --1c-surface-subtle: #f8f9fa;
    --1c-surface-hover: #fafafa;
    --1c-overlay: rgba(0, 0, 0, 0.35);
    --1c-modal-border: #808080;
    --1c-modal-shadow: rgba(0, 0, 0, 0.3);
    --1c-info: #0066cc;
    --1c-warning: #ff8c00;
    --1c-error: #cc0000;
    --1c-success: #2e7d32;
    --1c-pos-highlight-bg: linear-gradient(180deg, #fff9e6 0%, #fff3cc 100%);
    --1c-pos-highlight-border: #e6c200;
    --1c-pos-btn-bg: #ffffff;
    --1c-pos-btn-hover-bg: #fafafa;
    --1c-pos-btn-hover-border: #b0b0b0;
    --1c-pos-btn-active-border: #d4aa00;
    --1c-pos-btn-active-shadow: #c9a000;
    --1c-pos-btn-disabled-bg: #f5f5f5;
    --1c-tire-summer-bg: #fff9e6;
    --1c-tire-summer-hover: #fff3cc;
    --1c-tire-summer-selected: #ffefb3;
    --1c-tire-winter-bg: #e8f4fc;
    --1c-tire-winter-hover: #dceefb;
    --1c-tire-winter-selected: #cce5f7;
    --1c-tire-allseason-bg: #f3ece6;
    --1c-tire-allseason-hover: #ebe3db;
    --1c-tire-allseason-selected: #e8ddd4;
    --1c-msg-users-bg: #f5f6f8;
    --1c-msg-users-head: #eceef1;
    --1c-msg-chat-bg: #e5ddd5;
    --1c-msg-bubble-out: #dcf8c6;
    --1c-msg-bubble-in: #ffffff;
    --1c-row-pos-bg: #f3f8ff;
    --1c-row-pos-hover: #e8f0fe;
}

/* Сучасне оформлення — світле, спокійні кольори, синій акцент */
[data-theme="modern"] {
    --1c-bg: #f1f5f9;
    --1c-panel-bg: #ffffff;
    --1c-header-bg: #ffffff;
    --1c-border: #e2e8f0;
    --1c-text: #0f172a;
    --1c-text-secondary: #64748b;
    --1c-text-muted: #94a3b8;
    --1c-text-emphasis: #020617;
    --1c-text-on-accent: #ffffff;
    --1c-accent: #2563eb;
    --1c-accent-border: #1d4ed8;
    --1c-accent-shadow: rgba(37, 99, 235, 0.22);
    --1c-button: #ffffff;
    --1c-button-hover: #f8fafc;
    --1c-button-primary: #2563eb;
    --1c-link: #2563eb;
    --1c-price-discount: #0369a1;
    --1c-price-wholesale: #64748b;
    --1c-grid-header: #f8fafc;
    --1c-grid-cell-bg: #ffffff;
    --1c-grid-row-selected: #dbeafe;
    --1c-grid-row-hover: #f1f5f9;
    --1c-grid-border: #e2e8f0;
    --1c-tab-active: #ffffff;
    --1c-tab-inactive: #f1f5f9;
    --1c-input-bg: #ffffff;
    --1c-input-border: #cbd5e1;
    --1c-input-focus: #2563eb;
    --1c-surface-muted: #f8fafc;
    --1c-surface-subtle: #f1f5f9;
    --1c-surface-hover: #f8fafc;
    --1c-overlay: rgba(15, 23, 42, 0.4);
    --1c-modal-border: #e2e8f0;
    --1c-modal-shadow: rgba(15, 23, 42, 0.12);
    --1c-info: #0284c7;
    --1c-warning: #d97706;
    --1c-error: #dc2626;
    --1c-success: #16a34a;
    --1c-pos-highlight-bg: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    --1c-pos-highlight-border: #93c5fd;
    --1c-pos-btn-bg: #ffffff;
    --1c-pos-btn-hover-bg: #f8fafc;
    --1c-pos-btn-hover-border: #94a3b8;
    --1c-pos-btn-active-border: #2563eb;
    --1c-pos-btn-active-shadow: #1d4ed8;
    --1c-pos-btn-disabled-bg: #f1f5f9;
    --1c-tire-summer-bg: #fffbeb;
    --1c-tire-summer-hover: #fef3c7;
    --1c-tire-summer-selected: #fde68a;
    --1c-tire-winter-bg: #eff6ff;
    --1c-tire-winter-hover: #dbeafe;
    --1c-tire-winter-selected: #bfdbfe;
    --1c-tire-allseason-bg: #f5f5f4;
    --1c-tire-allseason-hover: #e7e5e4;
    --1c-tire-allseason-selected: #d6d3d1;
    --1c-msg-users-bg: #f8fafc;
    --1c-msg-users-head: #f1f5f9;
    --1c-msg-chat-bg: #e2e8f0;
    --1c-msg-bubble-out: #dcfce7;
    --1c-msg-bubble-in: #ffffff;
    --1c-row-pos-bg: #eff6ff;
    --1c-row-pos-hover: #dbeafe;
}

[data-theme="dark"] {
    --1c-bg: #141414;
    --1c-panel-bg: #222222;
    --1c-header-bg: #2c2c2c;
    --1c-border: #454545;
    --1c-text: #f0f0f0;
    --1c-text-secondary: #b8b8b8;
    --1c-text-muted: #9e9e9e;
    --1c-text-emphasis: #ffffff;
    --1c-text-on-accent: #1a1a1a;
    --1c-accent: #e6b800;
    --1c-accent-border: #b89200;
    --1c-accent-shadow: rgba(230, 184, 0, 0.25);
    --1c-button: #333333;
    --1c-button-hover: #404040;
    --1c-button-primary: #e6b800;
    --1c-link: #6eb6ff;
    --1c-price-discount: #7eb8ff;
    --1c-price-wholesale: #b0b0b0;
    --1c-grid-header: #2c2c2c;
    --1c-grid-cell-bg: #222222;
    --1c-grid-row-selected: #8a7200;
    --1c-grid-row-hover: #303030;
    --1c-grid-border: #404040;
    --1c-tab-active: #222222;
    --1c-tab-inactive: #2c2c2c;
    --1c-input-bg: #1a1a1a;
    --1c-input-border: #555555;
    --1c-input-focus: #e6b800;
    --1c-surface-muted: #1c1c1c;
    --1c-surface-subtle: #262626;
    --1c-surface-hover: #333333;
    --1c-overlay: rgba(0, 0, 0, 0.62);
    --1c-modal-border: #555555;
    --1c-modal-shadow: rgba(0, 0, 0, 0.55);
    --1c-info: #4da3ff;
    --1c-warning: #ffa040;
    --1c-error: #ff6666;
    --1c-success: #66bb6a;
    --1c-pos-highlight-bg: linear-gradient(180deg, #3d3520 0%, #2a2518 100%);
    --1c-pos-highlight-border: #806600;
    --1c-pos-btn-bg: #222222;
    --1c-pos-btn-hover-bg: #303030;
    --1c-pos-btn-hover-border: #666666;
    --1c-pos-btn-active-border: #b89200;
    --1c-pos-btn-active-shadow: #8a6d00;
    --1c-pos-btn-disabled-bg: #1c1c1c;
    --1c-tire-summer-bg: #2e2a1c;
    --1c-tire-summer-hover: #3a3524;
    --1c-tire-summer-selected: #4a4228;
    --1c-tire-winter-bg: #1c2630;
    --1c-tire-winter-hover: #243040;
    --1c-tire-winter-selected: #2c3c4c;
    --1c-tire-allseason-bg: #282420;
    --1c-tire-allseason-hover: #322c28;
    --1c-tire-allseason-selected: #3c3630;
    --1c-msg-users-bg: #1c1c1c;
    --1c-msg-users-head: #2c2c2c;
    --1c-msg-chat-bg: #181818;
    --1c-msg-bubble-out: #2d4a2d;
    --1c-msg-bubble-in: #2c2c2c;
    --1c-row-pos-bg: #1e2a3a;
    --1c-row-pos-hover: #253545;
}

/* Термінал — темно-зелений, приглушений акцент (не неон) */
[data-theme="terminal"] {
    --1c-bg: #030806;
    --1c-panel-bg: #071210;
    --1c-header-bg: #050e0a;
    --1c-border: #0c281c;
    --1c-text: #c8dcc8;
    --1c-text-secondary: #6a8a72;
    --1c-text-muted: #5a7a62;
    --1c-text-emphasis: #e0f0e4;
    --1c-text-on-accent: #e8fff0;
    --1c-accent: #1a7a48;
    --1c-accent-border: #145a36;
    --1c-accent-shadow: rgba(26, 122, 72, 0.22);
    --1c-button: #081410;
    --1c-button-hover: #0c1c14;
    --1c-button-primary: #1a7a48;
    --1c-link: #3a9a62;
    --1c-price-discount: #5ab88a;
    --1c-price-wholesale: #7a9a82;
    --1c-grid-header: #050e0a;
    --1c-grid-cell-bg: #071210;
    --1c-grid-row-selected: #124028;
    --1c-grid-row-hover: #0a1812;
    --1c-grid-border: #0c281c;
    --1c-tab-active: #071210;
    --1c-tab-inactive: #050e0a;
    --1c-input-bg: #030806;
    --1c-input-border: #0c281c;
    --1c-input-focus: #1a7a48;
    --1c-surface-muted: #050e0a;
    --1c-surface-subtle: #081410;
    --1c-surface-hover: #0c1c14;
    --1c-overlay: rgba(0, 8, 4, 0.78);
    --1c-modal-border: #145a36;
    --1c-modal-shadow: rgba(0, 12, 6, 0.7);
    --1c-info: #3a8aaa;
    --1c-warning: #b8a040;
    --1c-error: #c45050;
    --1c-success: #2a8a52;
    --1c-pos-highlight-bg: linear-gradient(180deg, #0c1c14 0%, #081410 100%);
    --1c-pos-highlight-border: #145a36;
    --1c-pos-btn-bg: #071210;
    --1c-pos-btn-hover-bg: #0c1c14;
    --1c-pos-btn-hover-border: #1a5c3a;
    --1c-pos-btn-active-border: #1a7a48;
    --1c-pos-btn-active-shadow: #124028;
    --1c-pos-btn-disabled-bg: #050e0a;
    --1c-tire-summer-bg: #0a120c;
    --1c-tire-summer-hover: #0e1810;
    --1c-tire-summer-selected: #122018;
    --1c-tire-winter-bg: #081014;
    --1c-tire-winter-hover: #0c1418;
    --1c-tire-winter-selected: #101c22;
    --1c-tire-allseason-bg: #0a100e;
    --1c-tire-allseason-hover: #0e1412;
    --1c-tire-allseason-selected: #121a16;
    --1c-msg-users-bg: #050e0a;
    --1c-msg-users-head: #081410;
    --1c-msg-chat-bg: #030806;
    --1c-msg-bubble-out: #0c1c14;
    --1c-msg-bubble-in: #071210;
    --1c-row-pos-bg: #081810;
    --1c-row-pos-hover: #0c2018;
}