/* 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: #313e3e;
    --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;
    --btn-font-weight: 600;
    --btn-radius: 999px;
    --btn-padding-y: 0.55rem;
    --btn-padding-x: 1.4rem;
    --btn-gap: 0.5rem;
    --btn-shadow: 0 10px 25px rgba(var(--primary-color-rgb), 0.2);
    --btn-shadow-hover: 0 14px 32px rgba(var(--primary-color-rgb), 0.28);
    --btn-transition: 0.25s ease;
    --btn-focus-ring: 0 0 0 4px rgba(var(--accent-color-rgb), 0.35);
    --btn-primary-bg: linear-gradient(135deg, var(--primary-color), #b9855a);
    --btn-primary-hover-bg: linear-gradient(135deg, #a26b43, #c79364);
    --btn-secondary-bg: linear-gradient(135deg, var(--secondary-color), #7ddf82);
    --btn-secondary-hover-bg: linear-gradient(135deg, #5ea463, #8be68e);
    --btn-success-bg: linear-gradient(135deg, var(--success-color), var(--secondary-color));
    --btn-success-hover-bg: linear-gradient(135deg, var(--success-color), #7ddf82);
    --btn-danger-bg: linear-gradient(135deg, var(--danger-color), #f06b78);
    --btn-danger-hover-bg: linear-gradient(135deg, #e03b46, #ff7d8a);
    --btn-text-light: #ffffff;
    --btn-outline-border-width: 2px;
    --btn-outline-bg: transparent;
    --btn-outline-hover-bg: rgba(var(--primary-color-rgb), 0.08);
    --btn-disabled-opacity: 0.6;
    
    /* Схемы (Mermaid) — спокойная нейтральная палитра */
    --scheme-bg: #ffffff;
    --scheme-border: #e5e7eb; /* gray-200 */
    --scheme-branch-color: #94a3b8; /* slate-400 */
    --scheme-text-color: #111827; /* gray-900 */
    --scheme-shadow: rgba(0, 0, 0, 0.08);

    --scheme-arrow-width: 1.75px;
    --scheme-arrow-color: #64748b; /* slate-500 */
    --scheme-border-radius: 10px;
    --scheme-transition-duration: 0.2s;
    --scheme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --scheme-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.08);
    --scheme-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.10);
    --scheme-label-bg: #f8fafc;            /* slate-50 */
    --scheme-label-border-color: #e2e8f0;  /* slate-200 */
    --scheme-label-text-color: #0f172a;    /* slate-900 */

    /* Карточки и градиенты */
    --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);
    --answer-correct-bg: #e6f9ec;
    --answer-correct-text: #155724;
    --answer-correct-accent: #28a745;
    --answer-incorrect-bg: #ffeaea;
    --answer-incorrect-text: #871621;
    --answer-incorrect-accent: #c82333;

    /* Рекламные объявления */
    --ads-bg: #ffffff;
    --ads-border: #e5e7eb;
    --ads-text: #1f2937;
    --ads-text-light: #6b7280;
    --ads-accent: #3b82f6;
    --ads-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --ads-radius: 8px;
    --ads-spacing: 16px;
    
}

/* Темная тема */
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;
    --btn-shadow: 0 8px 22px rgba(var(--primary-color-rgb), 0.35);
    --btn-shadow-hover: 0 12px 30px rgba(var(--primary-color-rgb), 0.45);
    --btn-primary-bg: linear-gradient(135deg, #c79364, var(--primary-color));
    --btn-primary-hover-bg: linear-gradient(135deg, #d79a6e, #bc8154);
    --btn-secondary-bg: linear-gradient(135deg, #66bb6a, #91d99c);
    --btn-secondary-hover-bg: linear-gradient(135deg, #72c076, #9be2a6);
    --btn-success-bg: linear-gradient(135deg, var(--success-color), #66bb6a);
    --btn-success-hover-bg: linear-gradient(135deg, #1fa25d, #72c076);
    --btn-danger-bg: linear-gradient(135deg, var(--danger-color), #ff6f7e);
    --btn-danger-hover-bg: linear-gradient(135deg, #f35662, #ff8793);
    --btn-outline-hover-bg: rgba(255, 255, 255, 0.06);
    
    /* Схемы (Mermaid) — тёмная нейтральная палитра */
    --scheme-bg: #1e1e1e;                 
    --scheme-border: #334155;             /* slate-700 */
    --scheme-branch-color: #475569;       /* slate-600 */
    --scheme-text-color: #e5e7eb;         /* gray-200 */
    --scheme-shadow: rgba(0, 0, 0, 0.35);

    --scheme-arrow-width: 1.75px;
    --scheme-arrow-color: #93a3b8;        /* slate-300/400 */
    --scheme-border-radius: 10px;
    --scheme-transition-duration: 0.2s;
    --scheme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --scheme-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.45);
    --scheme-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.5);
    --scheme-label-bg: rgba(11, 18, 32, 0.96);  /* near slate-950 */
    --scheme-label-border-color: #334155;       /* slate-700 */
    --scheme-label-text-color: #e5e7eb;         /* gray-200 */

    /* Карточки и градиенты */
    --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);
    --answer-correct-bg: #1e3a2a;
    --answer-correct-text: #b6f7c1;
    --answer-correct-accent: #7be495;
    --answer-incorrect-bg: #3a1e1e;
    --answer-incorrect-text: #fe7878;
    --answer-incorrect-accent: #f35656;

    --ads-bg: #292929;
    --ads-border: #444444;
    --ads-text: #eaeaea;
    --ads-text-light: #a0a0a0;
    --ads-accent: #64B5F6;
    --ads-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --ads-radius: 8px;
    --ads-spacing: 16px;
}