/* ===== VARIABLES.CSS - ЕДИНЫЙ ИСТОЧНИК ПЕРЕМЕННЫХ ===== */
:root {
    /* Основные цвета */
    --orange: #ff5e00;
    --orange-dark: #e65500;
    --orange-gradient: linear-gradient(135deg, #ff5e00, #ff8c00);
    --orange-glow: rgba(255, 94, 0, 0.3);
    --orange-light: rgba(255, 94, 0, 0.12);
    --orange-soft: rgba(255, 94, 0, 0.06);

    /* Фон */
    --black: #0a0a0a;
    --black-light: #141414;
    --black-lighter: #1c1c1c;
    --black-card: rgba(28, 28, 28, 0.85);

    /* Серые */
    --gray: #2e2e2e;
    --gray-light: #444;

    /* Текст — улучшенный контраст */
    --text: #ececec;
    --text-muted: #b0b0b0;
    --text-soft: #d4d4d4;
    --text-white: #ffffff;

    /* Границы — более видимые */
    --border: #444;
    --border-light: #383838;
    --border-rgba: rgba(68, 68, 68, 0.6);

    /* Glass-эффект */
    --glass-bg: rgba(22, 22, 22, 0.75);
    --glass-bg-light: rgba(30, 30, 30, 0.6);

    /* Тени */
    --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 15px 40px rgba(0, 0, 0, 0.5);
    --shadow-orange: 0 8px 25px rgba(255, 94, 0, 0.25);
    --shadow-hover: 0 12px 35px rgba(0, 0, 0, 0.5), 0 6px 20px rgba(255, 94, 0, 0.15);

    /* Эффекты */
    --blur: blur(12px);
    --transition: all 0.3s ease;

    /* Статусы — ярче для тёмного фона */
    --status-success: #34d399;
    --status-success-dark: #0f9968;
    --status-danger: #f87171;
    --status-danger-dark: #b91c2c;
    --status-warning: #fbbf24;
    --status-warning-dark: #b45309;
    --status-info: #38bdf8;
    --status-info-dark: #0369a1;
    --status-moderated: #ff5e00;

    /* Градиенты статусов */
    --danger-gradient: linear-gradient(135deg, #f87171, #b91c2c);
    --success-gradient: linear-gradient(135deg, #34d399, #0f9968);
    --warning-gradient: linear-gradient(135deg, #fbbf24, #b45309);
    --info-gradient: linear-gradient(135deg, #38bdf8, #0369a1);

    /* Border-radius стандарты */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-xxl: 28px;
    --radius-pill: 40px;
}