/* === VARIABLES.CSS ===
 * путь: assets/css/variables.css
 * НАЗНАЧЕНИЕ: CSS-переменные проекта (палитра navy/cyan + Montserrat по вайрфрейму v3)
 * СВЯЗИ: подключается ПЕРВЫМ в app.php и login.php
 */

:root {
    /* Брендовые цвета (вайрфрейм v3 от 01.05.2026) */
    --navy: #1B2761;
    --navy-2: #152054;
    --navy-mid: #253585;
    --cyan: #1DB4E8;
    --cyan-pale: #E8F7FD;
    --cyan-mid: #7DD6F2;
    --cyan-dark: #0DA0D4;

    /* Алиасы для обратной совместимости со старым кодом */
    --primary: var(--navy);
    --primary-dark: var(--navy-2);
    --primary-light: var(--cyan-pale);
    --accent: var(--cyan);

    /* Сигнальные цвета */
    --red: #E53935;
    --red-pale: #FDECEA;
    --green: #17B35A;
    --green-pale: #E6F9EE;
    --amber: #C07D2E;
    --amber-pale: #FDF4E7;
    --yellow: #FFC107;

    /* Нейтральная палитра */
    --bg: #ffffff;
    --bg-soft: #F2F4F8;
    --bg-card: #ffffff;
    --gray: #F2F4F8;
    --gray-2: #E4E8F0;
    --text: var(--navy);
    --text-mid: #3A4A7A;
    --text-muted: #7A8DB8;
    --text-light: #7A8DB8;
    --border: #E4E8F0;
    --border-soft: #F1F2F5;

    /* Сценарии */
    --success: var(--green);
    --warning: var(--amber);
    --danger: var(--red);
    --info: var(--cyan);

    /* Геометрия */
    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-card: 20px;
    --gap-xs: 6px;
    --gap-sm: 8px;
    --gap: 10px;
    --gap-md: 14px;
    --gap-lg: 20px;
    --gap-xl: 28px;
    --gap-2xl: 40px;

    /* Тени */
    --shadow-sm: 0 1px 2px rgba(27, 39, 97, 0.06);
    --shadow: 0 4px 20px rgba(27, 39, 97, 0.10);
    --shadow-md: 0 4px 14px rgba(27, 39, 97, 0.12);
    --shadow-lg: 0 8px 40px rgba(27, 39, 97, 0.14);
    --shadow-cyan: 0 4px 18px rgba(29, 180, 232, 0.30);

    /* Типографика */
    --font: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-head: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono: "SF Mono", Menlo, Consolas, monospace;
    --fs-xs: 11px;
    --fs-sm: 12px;
    --fs-base: 13px;
    --fs-md: 14px;
    --fs-lg: 16px;
    --fs-xl: 22px;
    --fs-2xl: 28px;
    --fs-3xl: 44px;
    --fs-4xl: 52px;

    /* Высота элементов */
    --header-h: 54px;
    --input-h: 40px;
    --btn-h: 40px;

    /* Слои */
    --z-header: 100;
    --z-dropdown: 200;
    --z-modal: 300;
    --z-toast: 400;

    /* Анимации */
    --transition: 150ms ease;
    --transition-slow: 300ms ease;
}