:root {
    /* Основная цветовая палитра */
    --text-primary: #000000;
    --text-secondary: #4d4d4d;
    --text-muted: #808080;
    --text-light: #ffffff;
    
    /* Фон */
    --bg-white: #ffffff;
    --bg-light: #fafafa;
    --bg-dark: #000000;
    
    /* Акцентные цвета - красиво и пропорционально */
    --accent-yellow: #fbbf24;       /* Желтый - для акцентов и выделений */
    --accent-orange: #000000;       /* Черный - для важных действий */
    --accent-green: #10b981;        /* Зеленый - для успеха */
    --accent-blue: #3b82f6;         /* Синий - для ссылок и информации */
    
    /* Основной цвет (черный для кнопок) */
    --primary-color: #000000;
    --primary-dark: #4d4d4d;
    --primary-light: #808080;
    
    /* Старые переменные для совместимости */
    --secondary-color: var(--text-secondary);
    --success-color: var(--accent-green);
    --danger-color: #ef4444;
    --warning-color: var(--accent-yellow);
    --info-color: var(--accent-blue);
    
    /* Градиенты */
    --gradient-primary: linear-gradient(135deg, #000000 0%, #4d4d4d 100%);
    --gradient-accent: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-green) 100%);
    --bg-gradient: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
    
    /* Границы - тоньше */
    --border-color: #dee2e6;
    --border-radius: 16px;
    --border-radius-sm: 10px;
    --border-radius-lg: 20px;
    
    /* Тени - мягче */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 12px 25px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.15);
    
    /* Анимации */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Максимальные ширины */
    --container-sm: 540px;
    --container-md: 720px;
    --container-lg: 960px;
    --container-xl: 1200px;
    --container-xxl: 1400px;
    
    /* Отступы */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 5rem;
    
    /* Размеры шрифтов */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-xxl: 1.5rem;
    --font-size-display: 3rem;
}

/* Темная тема - сделаем действительно тёмной */
[data-theme="dark"] {
    --primary-color: #5a6ff0;
    --primary-dark: #4d5fd4;
    --text-primary: #edf2f4;
    --text-secondary: #adb5bd;
    --bg-light: #121212;
    --bg-white: #1e1e1e;
    --border-color: #2d3748;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.4);
}