/* Токены нового дизайна — docs/PLAN-LAYOUT.md, п. 6.
   Значения из Основа.dc.html (Claude Design) с правками контраста из Р1.
   Р1 ещё не утверждено: если вернём палитру B — меняются только цвета в этом блоке.
   В остальных файлах — только var(--…), никаких своих цветов, размеров и радиусов. */
:root{
  /* бренд */
  --c-brand:        #1F4FD8;  /* ссылки, иконки, активное, контурные кнопки */
  --c-brand-hover:  #163DB0;
  --c-accent:       #FFD200;  /* главная кнопка, бейдж корзины; текст на нём — --c-text */
  --c-accent-hover: #F5C600;
  --c-accent-active:#E6B800;
  --c-navy:         #0E2A5E;  /* подвал, герой */

  /* текст */
  --c-text:     #0B1B4D;      /* основной, заголовки, цены */
  --c-text-2:   #4A5675;      /* подписи, описания */
  --c-text-3:   #66708C;      /* плейсхолдеры, мелкое — Р1: было #6B7693 (4.18 на фоне страницы) */
  --c-disabled: #98A2B8;      /* только неактивные элементы, не текст — Р1 */
  --c-on-navy:   #FFFFFF;
  --c-on-navy-2: #B8C3DD;
  --c-navy-line: rgba(255, 255, 255, .12);   /* разделители на тёмно-синем */

  /* фоны и линии */
  --c-page:  #F3F6FB;
  --c-card:  #FFFFFF;
  --c-tint:  #EEF3FE;         /* плашки, подсказки, выбранное */
  --c-tint-hover: #DCE6FC;    /* наведение на --c-tint и контурные кнопки */
  --c-line:  #E1E7F0;         /* линии и рамки карточек */
  --c-field: #7A90B2;         /* граница поля ввода — Р1: было #C9D2E0 (1.52) */

  /* статусы */
  --c-ok:       #147D3E;  --c-ok-bg:   #E5F5EB;   /* в наличии — Р1: было #168A45 */
  --c-wait:     #B4500A;  --c-wait-bg: #FFEEDD;   /* под заказ */
  --c-err:      #D02B1F;  --c-err-bg:  #FDECEC;   /* ошибки, скидка — Р1: было #D92D20 */
  --c-note-bg:  #FFF4D1;                          /* «самый выгодный», предупреждения */

  /* шрифты */
  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Consolas, 'Courier New', monospace;

  /* Высота строки — множителем (те же 48/40/32… px при обычном шрифте): при крупном системном
     шрифте строки не наезжают друг на друга.
     шкала текста: размер / высота строки (Основа: Display 40, H1 32, H2 24, H3 18, Body L 16, Body 14, Small 12) */
  --t-display: 800 40px/1.2 var(--font);
  --t-h1:      800 32px/1.25 var(--font);
  --t-h2:      700 24px/1.3334 var(--font);
  --t-h3:      700 18px/1.3334 var(--font);
  --t-body-l:  400 16px/1.5 var(--font);
  --t-body:    400 14px/1.4286 var(--font);
  --t-small:   400 12px/1.3334 var(--font);
  --t-price-l: 800 32px/1.25 var(--font);
  --t-price-m: 800 24px/1.3334 var(--font);  /* карточка-строка и плитка */
  --t-price-s: 700 16px/1.5 var(--font);
  --t-mono:    400 14px/1.4286 var(--font-mono);

  /* отступы */
  --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;

  /* радиусы */
  --r-badge: 4px;     /* Основа: «4 — бейджи» */
  --r-control: 8px;   /* кнопки и поля */
  --r-card: 12px;     /* карточки и секции */
  --r-pill: 999px;

  /* тени */
  --shadow-card: 0 1px 2px rgba(11, 27, 77, .06);
  --shadow-raised: 0 8px 24px rgba(11, 27, 77, .12);  /* выпадашки, шторки, модалки */
  --c-overlay: rgba(11, 27, 77, .5);                  /* затемнение под окном */
  --shadow-knob: 0 1px 2px rgba(11, 27, 77, .25);     /* бегунок переключателя, активный сегмент */
  --ring:     0 0 0 3px rgba(31, 79, 216, .15);       /* фокус поля — к рамке --c-brand */
  --ring-err: 0 0 0 3px rgba(208, 43, 31, .15);

  /* размеры */
  --h-control: 44px;
  --h-control-s: 32px;
  --h-control-m: 40px;
  --h-control-l: 52px;
  --h-tabbar: 66px;
  --container: 1280px;
  --gutter: 24px;

  /* слои */
  --z-sticky: 100; --z-bar: 110; --z-dropdown: 200; --z-modal: 300; --z-toast: 400;

  /* движение */
  --dur-fast: 150ms; --dur: 250ms;
}

@media (max-width: 767px){
  :root{
    --t-h1: 800 26px/1.2308 var(--font);
    --t-h2: 700 20px/1.4 var(--font);
    --t-price-l: 800 28px/1.2143 var(--font);
    --t-price-m: 800 22px/1.2728 var(--font);
    --h-control: 48px;
    --gutter: 16px;
  }
}