/* ============================================================
   Токены МегаКупона. Значения сняты с restyle.min.css каталога,
   не подобраны на глаз:
     .btn-primary  #00ADF1  hover #009BD8
     .btn-promo    #F68A1F  hover #F27D0A
     .discount     #F68A1F
     .categories   полоса #00ADF1, ссылки 700
     .deal-name    #323232      a:visited  #1374AE
     .form-control фон #EDEEF0  .content   1095px
   Сознательные отличия от каталога: тень, высота и регистр кнопок,
   контраст серого и радиусы.
   ============================================================ */
:root {
  --blue:    #00ADF1;
  --blue-h:  #009BD8;
  --orange:  #F68A1F;
  --orange-h:#F27D0A;
  --link:    #1374AE;

  /* Текст на фирменных заливках — белый, как в каталоге (решение заказчика).
     Контраст ниже порога WCAG: белый на #00ADF1 — 2.55:1, на #F68A1F — 2.45:1.
     Вариант с проходящим контрастом: --on-blue #0B2A3C (5.85:1), --on-orange #323232 (5.23:1). */
  --on-blue:   #FFFFFF;
  --on-orange: #FFFFFF;

  --text:  #323232;
  --grey:  #666666;
  --muted: #6B7278;   /* вместо #818181 каталога: 4.88:1 на белом */
  --placeholder: #5F656B; /* 5.08:1 на #EDEEF0; браузерный #757575 давал 3.97:1 */
  --link-on-field: #10699D; /* ссылки на сером фоне плашек: 5.13:1 (#1374AE — 4.37:1) */

  --field: #EDEEF0;
  --edge:  #E6E9EC;
  --white: #FFFFFF;

  --r-img: 12px;      /* каталог: 10px */
  --r-ctl: 8px;       /* каталог: 4px  */
  --shadow: 0 1px 3px rgba(50, 50, 50, .08);

  /* Движение: умеренное. Быстрый отклик на наведение, мягкое проявление в лентах. */
  --ease:      cubic-bezier(.2, .7, .2, 1);
  --dur-fast:  .15s;
  --dur:       .22s;
  --dur-slow:  .5s;

  --cw: 1095px;
  --header-h: 64px;
  --font: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}