/* Зентум.Маркет — design tokens v0.1
   Источник: design/design-system.dc.html. Значения точные, не округлять. */


:root {
  /* — Нейтральные (светлая тема) — */
  --bg-page: #FAF6F1;          /* фон страницы, «тёплая бумага» */
  --surface: #FFFDFB;          /* карточки, поля, шторки, модалки */
  --fill: #F3EDE6;             /* подложки фото, шапки таблиц, ghost-hover */
  --fill-2: #EAE2D8;           /* pressed, disabled-кнопки, трек сегмента */
  --line: #EDE5DB;             /* рамки карточек, разделители */
  --border-field: #DED5CA;     /* рамка полей и степперов */
  --border-strong: #CFC3B5;    /* hover полей, secondary-кнопки */
  --text-3: #776C61;           /* подписи, подсказки (≥4.5:1 на --bg-page) */
  --text-2: #5E544B;           /* описания */
  --text-1: #2A211B;           /* основной текст, заголовки */
  --text-disabled: #8C8075;

  /* — Акцент «Лиса» — только действия и выбранное состояние — */
  --accent-50: #FDF3EC;
  --accent-100: #FBE8DC;       /* мягкие плашки, tinted-кнопка */
  --accent-200: #F6CFB5;       /* hover tinted, подсветка совпадения в поиске */
  --accent-300: #EFAE86;
  --accent-400: #E5864F;
  --accent-500: #D7692F;
  --accent-600: #C2541F;       /* ОСНОВНОЙ: primary-кнопка, выбранное, фокус */
  --accent-700: #A84719;       /* hover primary, ссылки, текст акцентом */
  --accent-800: #8F3C15;       /* active primary, текст на --accent-100 */
  --accent-900: #6E2E10;
  --on-accent: #FFFFFF;
  --focus-ring: 0 0 0 4px rgba(194, 84, 31, .16);

  /* — Статусы: текст / точка-иконка / фон — */
  --success-fg: #2E7448; --success-dot: #3C9A5F; --success-bg: #E3F1E6;  /* в наличии, подключено, оплачено */
  --warning-fg: #855F05; --warning-dot: #D9A520; --warning-bg: #FBF0CF;  /* мало, внимание */
  --info-fg: #35589E;    --info-dot: #5B7FCB;    --info-bg: #E4EBF8;     /* под заказ, «из 1С», подсказки */
  --neutral-fg: #6B6158; --neutral-dot: #A39789; --neutral-bg: #EFE9E2;  /* нет, снято, не подключено */
  --danger-fg: #A8342F;  --danger-dot: #D2544D;  --danger-bg: #FAE3E0;   /* ошибка, отклонено */
  --danger-border: #F0C3BE;

  /* — Тёмные инверсные поверхности (тост, тултип) — */
  --inverse-bg: #2F2620;
  --inverse-fill: #3D332B;
  --inverse-text: #F4ECE2;
  --inverse-text-2: #CDBFB1;
  --inverse-link: #F5A276;

  /* — Типографика — */
  --font-sans: "Onest", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;  /* парт-номера, ИНН, треки */
  --font-icon: "Material Symbols Rounded";

  /* — Радиусы — */
  --r-6: 6px;     /* теги «Новинка», «из 1С» */
  --r-10: 10px;   /* кнопки S, тултипы, пункты меню */
  --r-12: 12px;   /* кнопки, поля, фото в карточке */
  --r-16: 16px;   /* карточки, дропдауны, тосты */
  --r-20: 20px;   /* модалки, верх шторки */
  --r-pill: 999px;/* чипсы, статусы, счётчики */

  /* — Тени (тёплые) — */
  --shadow-rest: 0 1px 2px rgba(60, 40, 20, .05);
  --shadow-raised: 0 10px 28px rgba(60, 40, 20, .10);
  --shadow-float: 0 16px 48px rgba(60, 40, 20, .16), 0 2px 6px rgba(60, 40, 20, .06);

  /* — Отступы — */
  --s-4: 4px; --s-8: 8px; --s-12: 12px; --s-16: 16px; --s-24: 24px; --s-32: 32px; --s-48: 48px; --s-80: 80px;

  /* — Движение — */
  --dur-fast: 120ms;   /* hover, press */
  --dur-base: 200ms;   /* переключатели, чипсы */
  --dur-slow: 320ms;   /* шторки, модалки, тосты */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1); /* только счётчик корзины и «Добавлено» */
}

[data-theme="dark"] {
  --bg-page: #1F1A16;
  --surface: #29231E;
  --fill: #332B25;
  --line: #3F362E;
  --border-field: #4A3F35;
  --border-strong: #4A3F35;
  --text-3: #A69788;
  --text-2: #CDBFB1;
  --text-1: #F4ECE2;
  --accent-600: #F08A55;       /* кнопки; текст на них тёмный */
  --accent-700: #F59D6D;       /* hover */
  --accent-100: #3D2A1E;       /* tinted-плашка */
  --accent-800: #F5A276;       /* текст на tinted */
  --on-accent: #2A150A;
  --focus-ring: 0 0 0 4px rgba(240, 138, 85, .18);
  --success-fg: #86CFA0; --success-bg: #1F3326;
  --warning-fg: #E9C46A; --warning-bg: #3A3019;
  --info-fg: #9DB5EE;    --info-bg: #232D44;
  --neutral-fg: #BFB2A4; --neutral-bg: #3A322B;
  --danger-fg: #F09A92;  --danger-bg: #42231F;
  --inverse-bg: #3A312A;
}

@keyframes z-shimmer { 0% { background-position: -480px 0 } 100% { background-position: 480px 0 } }
/* скелетон: background: linear-gradient(90deg,#EFE8DF 0%,#F8F3ED 50%,#EFE8DF 100%); background-size: 960px 100%; animation: z-shimmer 1.4s ease-in-out infinite; */