/**
 * Everfox Color Tokens v1.0
 * Created: 2026-02-02
 *
 * Единая цветовая система Everfox
 * - CTA/ссылки: фиолетовый #55368A
 * - Цены/бейджи: зелёный #6E8F00
 * - Текст: ink #231B2E
 */

:root {
  /* ========================================
     ВРЕМЕННАЯ ПЕРЕМЕННАЯ ДЛЯ МИГРАЦИИ
     ======================================== */
  --EF-color-temp: #FF0000;                  /* КРАСНЫЙ МАРКЕР — заменить на правильные токены */

  /* ========================================
     ФОНЫ (Backgrounds)
     ======================================== */
  --EF-Color-Bg: #F6F7F9;                    /* Фон страницы */
  --EF-Color-Surface: #FFFFFF;               /* Карточки/модалки/попапы */
  --EF-Color-Surface-2: #F1F2F4;             /* Вторичные подложки/плашки */
  --EF-Color-Overlay: rgba(17,17,17,0.55);   /* Overlay под модалкой */

  /* ========================================
     ТЕКСТ (Text)
     ======================================== */
  --EF-Color-Text: #231B2E;                  /* Основной текст (INK, 90% текста) */
  --EF-Color-Text-2: #5D5667;                /* Вторичный текст */
  --EF-Color-Text-Muted: #8A8493;            /* Muted/placeholder */
  --EF-Color-Text-Disabled: #B8BDC6;         /* Disabled */
  --EF-Color-OnDark: #FFFFFF;                /* Текст на тёмном/CTA */

  /* ========================================
     БОРДЕРЫ (Borders)
     ======================================== */
  --EF-Color-Border: #E8E8E8;                /* Обычный бордер */
  --EF-Color-Border-Strong: #D3D6DB;         /* Усиленный бордер */
  --EF-Color-Divider: #EEF0F3;               /* Тонкие разделители */

  /* ========================================
     БРЕНД - ФИОЛЕТОВЫЙ (Primary/CTA)
     ======================================== */
  --EF-Color-Primary: #55368A;               /* Бренд фиолетовый (CTA/links) */
  --EF-Color-Primary-Hover: #4C317C;         /* Hover бренд */
  --EF-Color-Primary-Active: #442B6E;        /* Active бренд */
  --EF-Color-Primary-Soft: #EEEBF3;          /* Мягкий фиолетовый фон */

  /* ========================================
     ССЫЛКИ (Links)
     ======================================== */
  --EF-Color-Link: #55368A;                  /* Ссылки (моно-бренд) */
  --EF-Color-Link-Hover: #4C317C;            /* Hover ссылок */
  --EF-Color-Link-Active: #442B6E;           /* Active ссылок */
  --EF-Color-Link-Visited: #55368A;          /* Visited = link */

  /* ========================================
     КНОПКИ PRIMARY (CTA)
     ======================================== */
  --EF-Color-Btn-Primary-Bg: #55368A;        /* Primary CTA фон */
  --EF-Color-Btn-Primary-Hover: #4C317C;     /* Primary CTA hover */
  --EF-Color-Btn-Primary-Active: #442B6E;    /* Primary CTA active */
  --EF-Color-Btn-Primary-Text: #FFFFFF;      /* Primary CTA текст */

  /* ========================================
     КНОПКИ SECONDARY
     ======================================== */
  --EF-Color-Btn-Secondary-Bg: #FFFFFF;           /* Secondary фон */
  --EF-Color-Btn-Secondary-Bg-Hover: #F6F7F9;     /* Secondary hover фон */
  --EF-Color-Btn-Secondary-Border: #D3D6DB;       /* Secondary бордер */
  --EF-Color-Btn-Secondary-Text: #231B2E;         /* Secondary текст */

  /* ========================================
     ЦЕНЫ (Price) - ЗЕЛЁНЫЙ
     ======================================== */
  --EF-Color-Price: #6E8F00;                 /* Цена (главный акцент) */
  --EF-Color-Price-Old: #9AA0A6;             /* Старая цена */
  --EF-Color-Total: #6E8F00;                 /* Итог в корзине */

  /* ========================================
     БЕЙДЖИ (Badges)
     ======================================== */
  --EF-Color-Badge-Count-Bg: #6E8F00;        /* Фон бейджа количества */
  --EF-Color-Badge-Count-Text: #FFFFFF;      /* Текст бейджа количества */

  /* ========================================
     АКЦЕНТЫ - ЛАЙМ (Accent)
     ======================================== */
  --EF-Color-Accent: #A7CC00;                /* Светлый лайм (прогресс/редко) */
  --EF-Color-Accent-Strong: #6E8F00;         /* Strong accent */
  --EF-Color-Accent-Soft: #F2F7D9;           /* Мягкая лайм-подложка */
  --EF-Color-OnAccent: #111111;              /* Текст на лайм фоне */

  /* ========================================
     ФОКУС (Focus)
     ======================================== */
  --EF-Color-Focus-Ring: rgba(167,204,0,0.45);    /* Ореол фокуса */
  --EF-Color-Control-Border-Focus: #6E8F00;       /* Бордер инпута в фокусе */

  /* ========================================
     СТАТУСЫ (Status)
     ======================================== */
  --EF-Color-Success: #2E7D32;               /* Success */
  --EF-Color-Success-Soft: #E8F5E9;          /* Success фон */
  --EF-Color-Warning: #F59E0B;               /* Warning */
  --EF-Color-Warning-Soft: #FFF7E6;          /* Warning фон */
  --EF-Color-Danger: #D92D20;                /* Danger */
  --EF-Color-Danger-Soft: #FEE4E2;           /* Danger фон */
  --EF-Color-Info: #231B2E;                  /* Info (нейтрально, как текст) */
  --EF-Color-Info-Soft: #F1F2F4;             /* Info фон (нейтрально) */
}