/* html {
    zoom: 0.9;
} */

/* Основные цвета и фон */
:root {
    /* Основные цвета */
    --primary-color: #8b5e3b;
    --primary-color-rgb: 139, 94, 59;
    --secondary-color: #4CAF50;
    --secondary-color-rgb: 76, 175, 80;
    --accent-color: #2196F3;
    --accent-color-rgb: 33, 150, 243;
    
    /* Системные цвета */
    --success-color: #28a745;
    --success-color-rgb: 40, 167, 69;
    --danger-color: #dc3545;
    --danger-color-rgb: 220, 53, 69;
    --warning-color: #ffc107;
    --warning-color-rgb: 255, 193, 7;
    --info-color: #17a2b8;
    --info-color-rgb: 23, 162, 184;
    --light-color: #f8f9fa;
    --dark-color: #343a40;

    /* Фон и текст */
    --bg-color: #f5efe0;
    --text-color: #4a3b2f;
    --text-muted: #6c757d;
    --card-bg: #ffffff;
    --header-footer-bg: rgba(139, 94, 59, 0.8);
    
    /* Границы и тени */
    --border-color: #8b5e3b;
    --conspect-border: #4CAF50;
    --shadow-color: rgba(0, 0, 0, 0.1);
    --card-shadow: 0 4px 6px rgba(0,0,0,0.1);
    --hover-shadow: rgba(0, 0, 0, 0.15);
    
    /* Прозрачность */
    --meta-opacity: 0.8;
    --description-opacity: 0.9;
    --hover-bg: rgba(255, 255, 255, 0.05);
    
    /* Размеры текста */
    --h1-size: 2.2rem;
    --h2-size: 1.9rem;
    --h3-size: 1.2rem;
    --h4-size: 1.1rem;
    --text-size: 1rem;
    --meta-size: 0.875rem;
    
    /* Кнопки */
    --button-bg: linear-gradient(to right, #8b5e3b, #b37449);
    --button-hover: #0056b3;
    
    /* Игровые элементы */
    --game-bg: #f0f0f0;
    --game-border: #333;
    --snake-color: #007bff;
    --food-color: #dc3545;
    
    /* Схемы */
    --scheme-bg: #ffffff;
    --scheme-border: rgba(139, 94, 59, 0.15);
    --scheme-branch-color: #8b5e3b;
    --scheme-text-color: #4a3b2f;
    --scheme-shadow: rgba(139, 94, 59, 0.1);
    --scheme-node-gradient-start: #5ea9f5;
    --scheme-node-gradient-end: #9eccfb;
    --scheme-node-hover-gradient-start: #5ea9f5;
    --scheme-node-hover-gradient-end: #9eccfb;
    --scheme-arrow-width: 2px;
    --scheme-arrow-color: #210f01;
    --scheme-border-radius: 12px;
    --scheme-transition-duration: 0.3s;
    --scheme-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --scheme-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --scheme-shadow-lg: 0 6px 8px rgba(0, 0, 0, 0.15);
    --scheme-label-bg: rgba(255, 255, 255, 0.9);
    --scheme-label-border: 1px solid rgba(0, 0, 0, 0.1);

    /* Карточки и градиенты */
    --card-shadow-hover: 0 8px 15px rgba(0,0,0,0.15);
    --topic-card-gradient: linear-gradient(to bottom, #2196F3, #64B5F6);
    --conspect-card-gradient: linear-gradient(to bottom, #4CAF50, #8BC34A);
    --form-gradient: linear-gradient(to bottom, #E91E63, #F48FB1);
}

/* Темная тема */
body.dark {
    /* Основные цвета */
    --primary-color: #b37449;
    --primary-color-rgb: 179, 116, 73;
    --secondary-color: #66bb6a;
    --secondary-color-rgb: 102, 187, 106;
    --accent-color: #64B5F6;
    --accent-color-rgb: 100, 181, 246;
    
    /* Системные цвета */
    --success-color: #198754;
    --success-color-rgb: 25, 135, 84;
    --danger-color: #dc3545;
    --danger-color-rgb: 220, 53, 69;
    --warning-color: #ffc107;
    --warning-color-rgb: 255, 193, 7;
    --info-color: #0dcaf0;
    --info-color-rgb: 13, 202, 240;
    --light-color: #212529;
    --dark-color: #f8f9fa;

    /* Фон и текст */
    --bg-color: #1e1e1e;
    --text-color: #eaeaea;
    --text-muted: #a0a0a0;
    --card-bg: #292929;
    --header-footer-bg: rgba(44, 44, 44, 0.8);
    
    /* Границы и тени */
    --border-color: #b37449;
    --conspect-border: #66bb6a;
    --shadow-color: rgba(0, 0, 0, 0.3);
    --card-shadow: 0 4px 6px rgba(0,0,0,0.3);
    --hover-shadow: rgba(0, 0, 0, 0.3);
    
    /* Прозрачность */
    --meta-opacity: 0.7;
    --description-opacity: 0.8;
    --hover-bg: rgba(255, 255, 255, 0.05);
    
    /* Кнопки */
    --button-bg: linear-gradient(to right, #3d3d3d, #575757);
    --button-hover: #0a58ca;
    
    /* Игровые элементы */
    --game-bg: #1a1a1a;
    --game-border: #666;
    --snake-color: #0d6efd;
    --food-color: #dc3545;
    
    /* Схемы */
    --scheme-bg: #292929;
    --scheme-border: rgba(179, 116, 73, 0.15);
    --scheme-branch-color: #b37449;
    --scheme-text-color: #eaeaea;
    --scheme-shadow: rgba(179, 116, 73, 0.2);
    --scheme-node-gradient-start: #2d2d2d;
    --scheme-node-gradient-end: #252525;
    --scheme-node-hover-gradient-start: #353535;
    --scheme-node-hover-gradient-end: #2d2d2d;
    --scheme-arrow-width: 2px;
    --scheme-arrow-color: #66bb6a;
    --scheme-border-radius: 12px;
    --scheme-transition-duration: 0.3s;
    --scheme-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
    --scheme-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
    --scheme-shadow-lg: 0 6px 8px rgba(0, 0, 0, 0.4);
    --scheme-label-bg: rgba(45, 45, 45, 0.9);
    --scheme-label-border: 1px solid rgba(255, 255, 255, 0.1);

    /* Карточки и градиенты */
    --card-shadow-hover: 0 8px 15px rgba(0,0,0,0.4);
    --topic-card-gradient: linear-gradient(to bottom, #1976D2, #2196F3);
    --conspect-card-gradient: linear-gradient(to bottom, #388E3C, #4CAF50);
    --form-gradient: linear-gradient(to bottom, #C2185B, #E91E63);
}