/* ============================================================
   tokens.css — единый источник дизайн-токенов НЕЙРОПЛАН
   Подключается ПЕРВЫМ (до main.css и design-system.css).
   Раньше :root жил в design-system.css, из-за чего main.css был
   неработоспособен без него и появлялись расходящиеся палитры.
   Все страницы (кабинет, лендинг, юр.страницы) должны брать цвета,
   отступы и радиусы отсюда.
   ============================================================ */

:root {
    /* ─── Палитра ─────────────────────────────────────────── */
    --accent: #4A6CF7;
    --accent-bg: #EEF1FE;
    --bg: #FFFFFF;
    --bg-page: #F7F7F8;
    --border: #E4E4E7;
    --border-dark: #D1D1D6;
    --text: #18181B;
    --text2: #52525B;
    --text3: #A1A1AA;
    --fill: #F4F4F5;
    --fill-dark: #E4E4E7;
    --green: #22C55E;
    --green-bg: #F0FDF4;
    --orange: #F59E0B;
    --orange-bg: #FFFBEB;
    --red: #EF4444;
    --red-bg: #FEF2F2;

    /* ─── Шкала отступов ──────────────────────────────────── */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;

    /* ─── Шкала радиусов ──────────────────────────────────── */
    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-pill: 999px;

    /* ─── Поля форм ───────────────────────────────────────── */
    --field-font-size: 14px;
    --field-padding: 10px 14px;
    --field-border: 1px solid var(--border);
    --field-border-focus: var(--accent);
    --field-radius: 8px;
    --field-margin-bottom: 12px;

    --label-font-size: 12px;
    --label-font-weight: 500;
    --label-color: var(--text2);
    --label-margin-bottom: 5px;

    --placeholder-font-size: 13px;
    --placeholder-color: var(--text3);
}