/* colors.css — цветовые переменные Fatboy.
   Тёмная сине-голубая тема. Подключать первым, до всех остальных стилей:
   <link rel="stylesheet" href="/static/styles/colors.css"> */

:root {
    /* Фоны: от самого тёмного к светлому */
    --c-bg:         #0a1120;   /* фон страницы */
    --c-bg-soft:    #0e1730;   /* фон секций, чередование */
    --c-surface:    #14203a;   /* карточки, панели */
    --c-surface-2:  #1a2a4a;   /* карточки при наведении, поля ввода */
    --c-border:     #24365c;   /* границы, разделители */

    /* Текст */
    --c-text:       #dce8f7;   /* основной текст */
    --c-text-dim:   #8fa3c4;   /* вторичный текст, подписи */
    --c-text-mute:  #5d7194;   /* приглушённый текст, плейсхолдеры */

    /* Акценты: голубой — главный акцент темы */
    --c-accent:       #38bdf8; /* ссылки, кнопки, активные элементы */
    --c-accent-hover: #7dd3fc;/* ховер на акцентных элементах */
    --c-accent-dim:   #0e7490;/* фоны акцентных блоков, бейджи */

    /* Статусы */
    --c-success:    #34d399;   /* в наличии, успех */
    --c-warning:    #fbbf24;   /* под заказ, предупреждение */
    --c-danger:     #f87171;   /* ошибки, нет в наличии */
    --c-info:       #60a5fa;   /* нейтральные уведомления */

    /* Тени */
    --shadow-card:  0 4px 24px rgba(2, 8, 20, 0.55);
    --shadow-glow:  0 0 0 1px rgba(56, 189, 248, 0.35);

    /* Прочее, чтобы все модули использовали одинаковые значения */
    --radius:       12px;
    --radius-sm:    8px;
    --header-h:     64px;
}