/* ============================================================
   CHUDOWORK - Унифицированная система CSS переменных
   ============================================================ */

/* Шрифты */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Rubik:wght@400;500;600;700;800&display=swap&subset=cyrillic');

:root {
    /* ===== Цвета ===== */
    /* Основные */
    --cw-color-primary: #1fb6bc;
    --cw-color-primary-dark: #149098;
    --cw-color-primary-light: #35d2ce;
    --cw-color-accent: #e53935;
    --cw-color-soft: #8b9fff;
    
    /* Текст */
    --cw-color-text: #1f2933;
    --cw-color-text-muted: #7b8794;
    --cw-color-text-light: #9aa5b1;
    
    /* Фон */
    --cw-color-bg: #f4f7fb;
    --cw-color-bg-gradient: radial-gradient(circle at 0 0, #e8f7fb 0, #f4f7fb 40%, #e9f0ff 100%);
    --cw-color-card: rgba(255, 255, 255, 0.95);
    --cw-color-card-glass: rgba(255, 255, 255, 0.9);
    
    /* Границы */
    --cw-color-border: rgba(15, 23, 42, 0.12);
    --cw-color-border-soft: rgba(15, 23, 42, 0.08);
    --cw-color-border-light: rgba(15, 23, 42, 0.04);
    
    /* Тени */
    --cw-shadow-soft: 0 20px 45px rgba(15, 35, 52, 0.16);
    --cw-shadow-medium: 0 14px 28px rgba(15, 35, 52, 0.10);
    --cw-shadow-small: 0 8px 16px rgba(15, 35, 52, 0.08);
    --cw-shadow-button: 0 12px 25px rgba(31, 182, 188, 0.45);
    --cw-shadow-button-hover: 0 16px 35px rgba(31, 182, 188, 0.6);
    
    /* Радиусы */
    --cw-radius-sm: 12px;
    --cw-radius-md: 18px;
    --cw-radius-lg: 24px;
    --cw-radius-xl: 32px;
    --cw-radius-full: 999px;
    
    /* Отступы */
    --cw-spacing-xs: 4px;
    --cw-spacing-sm: 8px;
    --cw-spacing-md: 16px;
    --cw-spacing-lg: 24px;
    --cw-spacing-xl: 32px;
    --cw-spacing-2xl: 48px;
    
    /* Размеры шрифтов */
    --cw-font-size-xs: 11px;
    --cw-font-size-sm: 12px;
    --cw-font-size-base: 14px;
    --cw-font-size-md: 15px;
    --cw-font-size-lg: 18px;
    --cw-font-size-xl: 22px;
    --cw-font-size-2xl: 28px;
    --cw-font-size-3xl: 52px;
    
    /* Высота строк */
    --cw-line-height-tight: 1.2;
    --cw-line-height-normal: 1.5;
    --cw-line-height-relaxed: 1.6;
    
    /* Переходы */
    --cw-transition-fast: 0.15s ease-out;
    --cw-transition-base: 0.18s ease-out;
    --cw-transition-slow: 0.25s ease-out;
    
    /* Z-index слои */
    --cw-z-base: 1;
    --cw-z-dropdown: 100;
    --cw-z-sticky: 200;
    --cw-z-modal-backdrop: 1100;
    --cw-z-modal: 1200;
    --cw-z-tooltip: 1300;

    /* ============================================================
       COMPAT: алиасы для старых переменных (чтобы не ломать страницы)
       ============================================================ */
    --cw-primary-from: var(--cw-color-primary);
    --cw-primary-to: var(--cw-color-primary-light);
    --cw-muted: var(--cw-color-text-muted);
    --cw-muted2: var(--cw-color-text-light);
    --cw-border-soft: var(--cw-color-border-soft);
}

/* Темная тема (опционально, для будущего) */
@media (prefers-color-scheme: dark) {
    :root {
        /* Можно добавить темную тему позже */
    }
}