/* ==========================================================================
   variables.css — дизайн-токены портала Flamco
   --------------------------------------------------------------------------
   Фирменные цвета, отступы, тени, скругления, брейкпоинты.
   Цвета привязаны к бренду Flamco (красный), остальные — нейтральная палитра.

   Импортируется первым во всех страницах:
   <link rel="stylesheet" href="css/variables.css">
   ========================================================================== */

:root {
  /* --- Фирменные цвета (Flamco) --- */
  --brand:            #ee1d23;  /* основной красный */
  --brand-hover:      #c8101a;  /* hover/pressed */
  --brand-dark:       #a30c12;  /* глубокий красный (акценты) */
  --brand-soft:       #fdecec;  /* светлый фон-подложка под акценты */
  --brand-tint:       #fff6f6;  /* очень светлый красный (уведомления) */

  /* --- Нейтральная палитра --- */
  --text:             #1f2933;  /* основной текст */
  --text-muted:       #5b6573;  /* вторичный текст */
  --text-faint:       #8a94a3;  /* подписи, даты */
  --border:           #e3e6ea;  /* границы карточек, инпутов */
  --border-strong:    #c9ced6;
  --bg:               #f4f6f8;  /* фон страницы (за контейнером) */
  --surface:          #ffffff;  /* карточки, шапка, контейнер */
  --surface-alt:      #f9fafb;  /* чередующиеся строки, header таблиц */

  /* --- Статусы --- */
  --success:          #1a9e5f;
  --success-soft:     #e7f6ee;
  --warning:          #d98a00;
  --warning-soft:     #fdf3e0;
  --danger:           #d83a3a;
  --danger-hover:     #b62e2e;
  --danger-soft:      #fdeaea;
  --info:             #2563eb;
  --info-soft:        #e9f0fe;

  /* --- Типографика --- */
  --font-sans: "Roboto", "Segoe UI", Arial, sans-serif;
  --fs-xs:    12px;
  --fs-sm:    15px;
  --fs-base:  16px;
  --fs-lg:    18px;
  --fs-xl:    20px;
  --fs-h3:    20px;
  --fs-h2:    24px;
  --fs-h1:    30px;
  --lh-tight: 1.25;
  --lh-base:  1.5;

  /* --- Радиусы --- */
  --radius-sm: 4px;
  --radius:    6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* --- Тени --- */
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow:    0 2px 8px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 8px 24px rgba(16, 24, 40, 0.12);

  /* --- Отступы (масштаб 4px) --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* --- Лэйаут --- */
  --container-max: 1280px;
  --header-h: 64px;
}