/* ==========================================================================
   ВЫГОДИН — дизайн-токены

   Регистр взят у ниши: promokodi.net и pepper.ru по умолчанию светлые,
   фон светло-серый, карточки белые, фото товара — главный носитель смысла.
   Переучивать аудиторию нечему.

   Отличие в двух местах:
   1. Акцент. Оранжевый занят Pepper, красный — promokodi и promokodus,
      синий — Ozon, фиолетовый — Wildberries. Берём зелёный: в нише
      агрегаторов он свободен и означает ровно то, что мы продаём.
   2. Красный. У конкурентов это фон всего сайта. У нас — единственный
      сигнал «это не скидка», поэтому он и работает.
   ========================================================================== */

:root {
  /* --- Поверхности ---------------------------------------------------- */
  --paper:      #F4F6F8;   /* фон страницы */
  --paper-2:    #ECEFF3;   /* полосы, подвал */
  --card:       #FFFFFF;
  --card-2:     #F7F9FA;   /* вложенное: поля, полосы таблицы */
  --tile:       #FFFFFF;   /* плитка под фото товара */
  --line:       #E4E8EC;
  --line-2:     #D3DAE0;
  --line-3:     #B3BEC7;

  /* --- Текст ---------------------------------------------------------- */
  --ink:        #14181D;
  --ink-2:      #5A6672;
  --ink-3:      #8B97A3;
  --ink-inv:    #FFFFFF;

  /* --- Акцент: один хроматический на весь проект ---------------------- */
  --brand:      #0E7C56;
  --brand-2:    #0A6244;
  --brand-3:    #E6F4EE;   /* заливка */
  --brand-line: #A8D8C4;

  /* --- Семантика вердикта --------------------------------------------- */
  /* Красный зарезервирован. Больше он не появляется нигде. */
  --good:       #0E7C56;  --good-bg:    #E6F4EE;  --good-line:    #A8D8C4;
  --normal:     #566370;  --normal-bg:  #EEF1F4;  --normal-line:  #CDD5DC;
  --wait:       #9A5B00;  --wait-bg:    #FDF1DF;  --wait-line:    #EBCB93;
  --fake:       #C42B21;  --fake-bg:    #FCEAE8;  --fake-line:    #F0B5AF;
  --unknown:    #4C5A85;  --unknown-bg: #EDEFF6;  --unknown-line: #C0C7DD;

  /* --- Реклама -------------------------------------------------------- */
  --ad:         #8A6A15;
  --ad-bg:      #FBF4E0;
  --ad-line:    #E6D5A6;

  --focus:      #1E63D0;

  /* --- Типографика ----------------------------------------------------
     Manrope — дисплейная и цифры: геометричная, круглая, уверенная.
     Golos Text — интерфейс: сделана Паратайпом под русские интерфейсы.
     Ни одна из них не Inter — это осознанный отказ от дефолта. */
  --font-display: 'Manrope', 'Golos Text', system-ui, sans-serif;
  --font:         'Golos Text', 'Manrope', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, Consolas, monospace;

  --fs-2xs:  0.6875rem;
  --fs-xs:   0.75rem;
  --fs-sm:   0.8125rem;
  --fs-base: 0.875rem;
  --fs-md:   0.9375rem;
  --fs-lg:   1.0625rem;
  --fs-xl:   clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --fs-2xl:  clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --fs-3xl:  clamp(1.75rem, 1.45rem + 1.5vw, 2.625rem);
  --fs-4xl:  clamp(2.125rem, 1.6rem + 2.6vw, 3.5rem);

  --lh-tight: 1.1;
  --lh-snug:  1.3;
  --lh-base:  1.55;

  /* --- Ритм ------------------------------------------------------------ */
  --s-1:  4px;   --s-2:  8px;   --s-3:  12px;  --s-4:  16px;
  --s-5:  20px;  --s-6:  24px;  --s-8:  32px;  --s-10: 40px;
  --s-12: 48px;  --s-16: 64px;  --s-20: 80px;

  --wrap: 1300px;
  --wrap-narrow: 760px;

  /* --- Скругления: как в нише, мягкие ---------------------------------- */
  --r-xs: 6px; --r-sm: 8px; --r: 12px; --r-lg: 16px; --r-xl: 20px; --r-pill: 999px;

  /* Глубина через границу, тень только там, где элемент реально поднят */
  --sh-1: 0 1px 2px rgba(20,24,29,.05);
  --sh-2: 0 2px 8px rgba(20,24,29,.07);
  --sh-3: 0 8px 26px rgba(20,24,29,.11);
  --sh-4: 0 24px 60px rgba(20,24,29,.20);

  --t-fast: 120ms;
  --t:      200ms;
  --ease:   cubic-bezier(.2, .7, .3, 1);

  color-scheme: light;
}

/* ==========================================================================
   Тёмная тема — переключателем. У Pepper она есть, ожидание сформировано.
   ========================================================================== */

:root[data-theme="dark"] {
  --paper:      #14181C;
  --paper-2:    #101418;
  --card:       #1C2229;
  --card-2:     #232A32;
  --tile:       #FFFFFF;   /* фото товара остаётся на белом и в тёмной теме */
  --line:       #2A323A;
  --line-2:     #38424C;
  --line-3:     #4C5865;

  --ink:        #E8ECF0;
  --ink-2:      #9AA7B4;
  --ink-3:      #6D7A87;
  --ink-inv:    #14181C;

  --brand:      #2FBE86;
  --brand-2:    #23A171;
  --brand-3:    #123124;
  --brand-line: #1E5B43;

  --good:    #2FBE86;  --good-bg:    #123124;  --good-line:    #1E5B43;
  --normal:  #96A4B2;  --normal-bg:  #232A32;  --normal-line:  #39434E;
  --wait:    #DFA34A;  --wait-bg:    #2D2312;  --wait-line:    #55411C;
  --fake:    #F4796B;  --fake-bg:    #331A17;  --fake-line:    #5E2C26;
  --unknown: #93A2CE;  --unknown-bg: #1D2233;  --unknown-line: #343D57;

  --ad:      #C6A860;  --ad-bg: #2A2314;  --ad-line: #4A3E1F;
  --focus:   #6AA6FF;

  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 2px 8px rgba(0,0,0,.4);
  --sh-3: 0 8px 26px rgba(0,0,0,.5);
  --sh-4: 0 24px 60px rgba(0,0,0,.62);

  color-scheme: dark;
}