/* ============================================
   ПЕРЕМЕННЫЕ — цвета, шрифты, отступы
   Тема: графитовые фоны + бордовые акценты
   ============================================ */

:root {
    /* ---------- ЦВЕТА ---------- */
    /* Фоны */
    --color-bg:           #14110f;   /* графитово-тёмный с лёгким бордовым */
    --color-bg-elevated:  #1f1b1a;   /* приподнятые блоки */
    --color-bg-hover:     #2a2523;   /* фон при hover */

    /* Графит (из лого) — для фонов/границ */
    --color-graphite:     #524a4c;
    --color-graphite-lt:  #6b6164;
    --color-graphite-dk:  #3a3436;

    /* Границы */
    --color-border:       #2d2726;
    --color-border-dim:   #3a3436;
    --color-border-hover: #8b0000;

    /* Акценты — БОРДОВЫЕ (как было) */
    --color-accent:       #8b0000;   /* основной акцент */
    --color-accent-hot:   #ff4444;   /* яркий красный — hover */
    --color-accent-soft:  rgba(139, 0, 0, 0.15);
    --color-accent-glow:  rgba(139, 0, 0, 0.4);
    --color-accent-line:  rgba(139, 0, 0, 0.5);

    /* Текст */
    --color-text:         #e0e0e0;
    --color-text-light:   #aaaaaa;
    --color-text-dim:     #666666;
    --color-text-muted:   #444444;
    --color-text-white:   #ffffff;

    /* Служебные */
    --color-success:      #2d8b00;
    --color-danger:       #8b0000;
    --color-overlay:      rgba(0, 0, 0, 0.95);

    /* ---------- ШРИФТЫ ---------- */
    /* Cormorant Garamond — заголовки (из Google Fonts) */
    --font-serif: 'Cormorant Garamond', 'Georgia', 'Times New Roman', serif;

    /* Questrial — основной текст (очень похож на Century Gothic) */
    --font-sans:  'Questrial', 'Century Gothic', 'CenturyGothic', 'AppleGothic', 'Trebuchet MS', Arial, sans-serif;

    --fs-h1:      3.5rem;
    --fs-h2:      2rem;
    --fs-h3:      1.25rem;
    --fs-body:    1rem;
    --fs-lead:    1.1rem;
    --fs-small:   0.9rem;
    --fs-tiny:    0.8rem;

    --lh-tight:   1.2;
    --lh-normal:  1.5;
    --lh-loose:   1.7;

    --ls-tight:  1px;
    --ls-normal: 2px;
    --ls-wide:   4px;
    --ls-mega:   8px;

    /* ---------- ОТСТУПЫ ---------- */
    --space-xs:   8px;
    --space-sm:   15px;
    --space-md:   20px;
    --space-lg:   40px;
    --space-xl:   60px;
    --space-2xl:  80px;

    /* ---------- РАЗМЕРЫ ---------- */
    --max-width:         1200px;
    --max-width-narrow:  700px;
    --section-padding-y: 60px;
    --section-padding-x: 20px;

    /* ---------- РАДИУСЫ (смягчены) ---------- */
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 26px;
    --radius-full: 50%;

    /* ---------- АНИМАЦИИ ---------- */
    --ease-smooth:    cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out:    ease-in-out;

    --duration-fast:   0.2s;
    --duration-normal: 0.3s;
    --duration-slow:   0.5s;
    --duration-slower: 0.6s;

    /* ---------- ТЕНИ ---------- */
    --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md:   0 10px 30px rgba(0, 0, 0, 0.5);
    --shadow-lg:   0 20px 40px rgba(0, 0, 0, 0.6);
    --shadow-glow: 0 10px 30px var(--color-accent-glow);

    /* ---------- Z-INDEX ---------- */
    --z-header:    100;
    --z-float:     500;
    --z-popup:     1000;
    --z-notif:     2000;

    /* ---------- 3D TILT ---------- */
    --card-perspective: 1000px;
}