/*
 * Единые дизайн-токены Навигатора.
 * Цвета взяты со страницы СРЕДА SELECT:
 * https://sreda.imhome.pro/select/
 * Метод: read-only анализ CSS-переменных и значений.
 *
 * Основной характер:
 * - спокойный, чистый, тёплый;
 * - корпоративный, но не пафосный;
 * - не «квизовый», не кислотный, не игровой;
 * - не похожий на дешёвый лидогенератор.
 *
 * Запрещённые случайные цвета:
 * - яркий синий (#2563eb, #007bff и т.п.);
 * - кислотно-зелёный, неоновый розовый;
 * - ярко-жёлтый / горчичный акцент, не соответствующий бренду;
 * - любые цвета, не проходящие через токены ниже.
 */

:root {
    /* Фоны (из CSS СРЕДА SELECT) */
    --color-bg: #F5F3EF;                /* --color-bg на sreda.imhome.pro/select/ */
    --color-surface: #FAFAF8;           /* --color-surface */
    --color-surface-soft: #F0E6D6;      /* --color-primary-light, мягкие выделения */
    --color-surface-dark: #2A2A2A;      /* --color-surface-dark */

    /* Текст */
    --color-text: #1A1A1A;              /* --color-text */
    --color-text-on-dark: #FAFAF8;      /* --color-text-inverse */
    --color-muted: #6B6560;             /* --color-text-secondary */
    --color-muted-light: #9B9590;       /* --color-text-muted, placeholder */

    /* Primary / брендовый акцент (из СРЕДА SELECT) */
    --color-primary: #B8956A;           /* --color-primary */
    --color-primary-hover: #A6845C;     /* --color-primary-hover */
    --color-primary-light: #F0E6D6;     /* --color-primary-light */

    /* Акцент "графит" для вторичных кнопок и выделений */
    --color-accent-graphite: #3A3A3A;   /* --color-accent-graphite */

    /* Границы */
    --color-border: #E8E4DE;            /* --color-border */
    --color-border-light: #F0EDE8;      /* --color-border-light */

    /* Кнопки: primary = брендовый акцент, secondary = светлая, ghost = прозрачная */
    --color-button: var(--color-primary);
    --color-button-text: var(--color-text);
    --color-button-hover: var(--color-primary-hover);
    --color-button-secondary: var(--color-surface);
    --color-button-secondary-text: var(--color-text);
    --color-button-secondary-hover: var(--color-surface-soft);
    --color-button-ghost: transparent;
    --color-button-ghost-text: var(--color-accent-graphite);
    --color-button-ghost-hover: var(--color-surface-soft);

    /* Состояния */
    --color-danger: #b91c1c;
    --color-success: #15803d;
    --color-info: var(--color-accent-graphite);

    /* Типографика */
    --font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-family-display: "Oswald", var(--font-family);

    /* Размеры */
    --radius-card: 16px;
    --radius-button: 12px;
    --radius-input: 10px;
    --shadow-card: 0 8px 24px rgba(26, 26, 26, 0.06);
    --shadow-button: 0 2px 8px rgba(26, 26, 26, 0.08);

    /* Отступы */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
}