/* ТЕМЫ */
:root {
    /* Светло-серая тема (по умолчанию) */
    --bg-primary: #f0f0f5; /* Светло-серый фон всего сайта */
    --bg-secondary: #ffffff;
    --bg-tertiary: #e8e8f0;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --text-primary: #1a1a2a;
    --fon-color-route-primary: #0d2957;
    --depo-text-primary: #ffffff;
    --text-secondary: #4a4a5a;
    --text-tertiary: #7a7a8a;
    --border-color: #d0d0e0;
    --shadow-color: rgba(0, 0, 0, 0.08);
    --accent-blue: #0066ff;
    --accent-green: #00aa66;
    --accent-red: #ff4444;
    --accent-yellow: #ffaa00;
    --accent-purple: #8855ff;
    --overlay: rgba(255, 255, 255, 0.95);
    --header-height: 70px;
    
    /* Дни недели для светлой темы */
    --workday-color: #38a169;
    --weekend-color: #e53e3e;
    --workday-bg: rgba(56, 161, 105, 0.1);
    --weekend-bg: rgba(229, 62, 62, 0.1);
    --today-color: #ffcc00;
    
    /* Цвет фона за пределами 768px для светлой темы */
    --outside-bg-color: #d0d0e0;
}

[data-theme="dark"] {
    /* Темная тема */
    --bg-primary: #0a0a0f;
    --bg-secondary: #11111a;
    --bg-tertiary: #1a1a26;
    --bg-card: #151520;
    --bg-input: #11111a;
    --text-primary: #ffffff;
    --fon-color-route-primary: #0d2957;
    --depo-text-primary: #ffffff;
    --text-secondary: #b0b0c0;
    --text-tertiary: #707080;
    --border-color: #2a2a3a;
    --shadow-color: rgba(0, 0, 0, 0.5);
    --accent-blue: #0066ff;
    --accent-green: #00cc88;
    --accent-red: #ff3333;
    --accent-yellow: #ffcc00;
    --accent-purple: #9966ff;
    --overlay: rgba(10, 10, 15, 0.95);
    
    /* Дни недели */
    --workday-color: #28a745;
    --weekend-color: #dc3545;
    --workday-bg: rgba(40, 167, 69, 0.15);
    --weekend-bg: rgba(220, 53, 69, 0.15);
    --today-color: #ffcc00;
    
    /* Цвет фона за пределами 768px для темной темы */
    --outside-bg-color: #1a1a2a;
}