﻿:root[theme='dark'] {
    --border-radius-default: 10px;
    --box-shadow: 3px 3px 5px #1e1400;
    --box-shadow-ligt: 3px 3px 5px #54545459;
    --border: 1px solid #b1b1b157;
    --datepicker-bg-color: #373737;
    --theme-background-color: #2a2a2bcf;
    --theme-background-color-lite: #a28c622b;
    --modal-background-color: #a16e064a;
    --button-background-color: #895700;
    --background-color: #2a2a2b;
    --background-color-left-panel: #80808066;
    --background-color-blur: #2b2b2b00;
    --background-color-blur2: #2b2b2b96;
    --background-color-blur3: #29292929;
    --background-color-blur4: #29292970;
    --backdrop-filter: blur(10px);
    --background-color-filterextend-items-container: #292929;
    --funnel-item-background-color: #373737;
    --button-fore-color: white;
    --button-fore-color-hover: white;
    --border-color: #373737;
    --theme-color-1: #ffab00;
    --dashboard-card-bacground-color: var(--background-color);
    --color-green: #35d930;
    --color-white-green: #9dff9a;
    --color-darkgreen: #246a22;
    --color-red: #ff6666;
    --color-orangered: orangered;
    --color-blue: #3fa0ff;
    --color-skyblue: #5cd0ff;
    --color-yellow: yellow;
    --color-meta: #999999;
    --color-darkslateblue: #223841;
    --fore-color: white;
    --label-color: #eee8aa;
    --webkit-calendar-picker-indicator-filter: invert(1);
    --description-color: #ddd;
    --description-bgcolor: darkcyan;
    --border-droppable: dotted 2px var(--border-color);
    --button-animate-bg-color: transparent;
    --modal-background-color: #16130bc2;
    --theme-lera-color-yellow: #ffff00;
    --scrollbar-color: var(--color-meta);
}

:root {
    /* Основные параметры */
    --border-radius-default: 8px;
    --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --box-shadow-ligt: 0 2px 4px rgba(0, 0, 0, 0.04);
    /* Границы - более четкие */
    --border: 1px solid #e0e0e0;
    --border-droppable: dotted 2px #bdbdbd;
    /* Фоновые цвета - светлые и чистые */
    --background-color: #f5f5f5;
    --background-color-left-panel: #f0f0f0;
    --background-color-blur: rgba(255, 255, 255, 0.85);
    --background-color-blur2: rgba(255, 255, 255, 0.9);
    --background-color-blur3: rgba(255, 255, 255, 0.95);
    --background-color-blur4: rgba(255, 255, 255, 0.98);
    --background-color-filterextend-items-container: #ffffff;
    /* Тематические цвета */
    --theme-background-color: #ffffff;
    --theme-background-color-lite: #f8f4e8;
    --theme-color-1: #b8860b; /* Темнее и насыщеннее */
    --theme-lera-color-yellow: #ffd700;
    /* Цвета элементов интерфейса */
    --modal-background-color: #ffffff;
    --funnel-item-background-color: #fafafa;
    --dashboard-card-bacground-color: #e6f3ff;
    /* Кнопки */
    --button-background-color: #b8860b;
    --button-fore-color: #333333;
    --button-fore-color-hover: #000000;
    --button-animate-bg-color: #daa520;
    /* Основные цвета текста */
    --fore-color: #2c3e50; /* Темно-синеватый для лучшей читаемости */
    --label-color: #5a6b7b;
    --description-color: #4a5a6a;
    --description-bgcolor: #e8f5e8;
    /* Цветовая палитра */
    --color-green: #2ecc71; /* Более приятный зеленый */
    --color-white-green: #d5f5e3;
    --color-darkgreen: #27ae60;
    --color-red: #e74c3c; /* Мягче красный */
    --color-orangered: #ff6b4a;
    --color-darkslateblue: #e8eaf6;
    --color-meta: #95a5a6; /* Более светлый для мета-информации */
    --color-blue: #3498db; /* Ярче синий */
    --color-skyblue: #87ceeb;
    --color-yellow: #f1c40f;
    /* Специальные */
    --datepicker-bg-color: #ffffff;
    --scrollbar-color: #b0c4de;
    --border-color: #e0e0e0;
    /* Эффекты */
    --backdrop-filter: blur(8px);
    --webkit-calendar-picker-indicator-filter: invert(0.5);
}
