/* PLUS · design tokens · брендбук v1.0 */
/* Подключайте tokens.css до остальных стилей. Значения — из брендбука, раздел 03 и 05. */
:root {
  /* Blue */
  --plus-blue-950: #091C29;
  --plus-blue-900: #1A4D6E;
  --plus-blue-800: #255E82;
  --plus-blue-700: #31739A;
  --plus-blue-600: #4788AF;
  --plus-blue-500: #719EB9;
  --plus-blue-400: #95B8CD;
  --plus-blue-300: #B8CFDE;
  --plus-blue-200: #D6E4ED;
  --plus-blue-100: #EAF1F5;
  --plus-blue-50: #F4F8FA;
  /* Orange */
  --plus-orange-900: #5E2007;
  --plus-orange-800: #93300A;
  --plus-orange-700: #C2410C;
  --plus-orange-600: #D64E0C;
  --plus-orange-500: #E8590C;
  --plus-orange-400: #F27A3A;
  --plus-orange-300: #F79E6C;
  --plus-orange-200: #FBC5A4;
  --plus-orange-100: #FDE2D0;
  --plus-orange-50: #FEF1E8;
  /* Нейтральные */
  --plus-slate-700: #506C81;
  --plus-slate: #536B7C;
  --plus-stone-400: #A9ABB3;
  --plus-stone-300: #CFCBC2;
  --plus-stone: #E4E1DA;
  --plus-oat-200: #EADFCB;
  --plus-oat: #F4ECDF;
  --plus-cream: #FAF6EE;
  --plus-white: #FFFFFF;
  /* Статусы */
  --plus-success: #1E9E6B;
  --plus-warning: #FFC53D;
  --plus-error: #D6373B;
  --plus-info: #4788AF;
  --plus-sun: #FFC53D;
  /* Цвета отделов магазина (только навигация) */
  --plus-dept-veg: #2FA36B;
  --plus-dept-dairy: #7BC4E7;
  --plus-dept-bakery: #E8590C;
  --plus-dept-meat: #D8455F;
  --plus-dept-drinks: #7C6CE0;
  --plus-dept-grocery: #C79A55;
  --plus-dept-home: #536B7C;
  /* Семантика */
  --plus-text: var(--plus-blue-900);
  --plus-text-2: var(--plus-slate);
  --plus-bg: var(--plus-cream);
  --plus-surface: var(--plus-oat);
  --plus-brand: var(--plus-orange-500);
  --plus-on-brand: var(--plus-blue-950);
  --plus-brand-press: var(--plus-orange-700);
  --plus-line: rgba(26, 77, 110, 0.16);
  --plus-focus: 0 0 0 3px #4788AF;
  /* Шрифты */
  --plus-font-head: 'Geologica', 'Arial', sans-serif;
  --plus-font-body: 'Onest', 'Arial', sans-serif;
  --plus-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  /* Отступы: база 8 px */
  --plus-s-1: 4px;
  --plus-s-2: 8px;
  --plus-s-3: 12px;
  --plus-s-4: 16px;
  --plus-s-5: 24px;
  --plus-s-6: 32px;
  --plus-s-7: 48px;
  --plus-s-8: 64px;
  --plus-s-9: 96px;
  --plus-s-10: 128px;
  /* Радиусы: «лист» — большой радиус по диагонали, малый на другой */
  --plus-radius-xs: 6px 2px 6px 2px;
  --plus-radius-sm: 12px 3px 12px 3px;
  --plus-radius-md: 20px 4px 20px 4px;
  --plus-radius-lg: 32px 6px 32px 6px;
  --plus-radius-xl: 48px 8px 48px 8px;
  --plus-pill: 999px;
  /* Тени: только мягкие, синий тон */
  --plus-shadow-1: 0 1px 2px rgba(26, 77, 110, 0.12);
  --plus-shadow-2: 0 6px 18px rgba(26, 77, 110, 0.14);
  --plus-shadow-3: 0 18px 48px rgba(26, 77, 110, 0.22);
  /* Анимация */
  --plus-ease: cubic-bezier(.2, .8, .2, 1);
  --plus-t-fast: 150ms;
  --plus-t-base: 250ms;
  --plus-t-slow: 400ms;
}