/* Tamerlan — дизайн-токены. Источник: брендбук Tamerlan (Claude Design). */
:root {
  --bg: #F7F4EF;  /* Фон страниц сайта, бирок, коробок. Тёплый молочный. На нём — ink, mute */
  --surface: #FFFFFF;  /* Подложка фото товара. На неё вписываются квадратные фото продавца. */
  --ink: #1A1A1A;  /* Основной текст и логотип на bg и surface (15,9 : 1). Фон футера и тёмн */
  --muted: #6B6560;  /* Второстепенный текст на bg (5,2 : 1) и surface (5,7 : 1): «без доставк */
  --line: #E2DDD5;  /* Разделители, рамки полей и чипов размеров. Не для текста. */
  --accent: #1F2A44;  /* Глубокий тёмно-синий. Одна главная кнопка на экран («Заказать в Telegr */
  --accent-ink: #FFFFFF;  /* Текст и логотип на accent (14,3 : 1) и на badge (5,0 : 1). */
  --cta: #8A5A2B;  /* Коньячный. Главная кнопка («Добавить в корзину», «Оформить заявку»), счётчик корзины. Белый текст 6 : 1 */
  --cta-hover: #74491F;
  --badge: #8A6A45;  /* Табачный. Только бейджи «Новинка» и «В наличии», текст на нём — accent */
  --thread: #EDE6DA;  /* Цвет нити вышивки на тёмной ткани (accent, ink). На accent — 11,5 : 1. */
  --font-display: "EB Garamond", Georgia, serif;
  --font-logo: "Cormorant Garamond", Georgia, serif;
  --font-sans: Onest, "Helvetica Neue", Arial, sans-serif;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-128: 128px;
  --radius-0: 0px;
  --radius-2: 2px;
  --radius-8: 8px;
  --radius-pill: 16px;
  --radius-round: 50%;
  --bp-sm: 480px; --bp-md: 760px; --bp-lg: 1024px; --bp-xl: 1440px;
  --ease-out: cubic-bezier(0.2, 0.6, 0.2, 1);
}

.t-display { font-family: var(--font-display); font-size: 72px; line-height: 1.05; font-weight: 400; }
.t-h1 { font-family: var(--font-display); font-size: 48px; line-height: 1.1; font-weight: 400; }
.t-h2 { font-family: var(--font-display); font-size: 36px; line-height: 1.15; font-weight: 400; }
.t-wordmark { font-family: var(--font-logo); font-size: 48px; line-height: 1; font-weight: 500; letter-spacing: 0.32em; text-transform: uppercase; }
.t-label { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }
.t-body { font-family: var(--font-sans); font-size: 16px; line-height: 1.6; font-weight: 400; }
.t-price { font-family: var(--font-sans); font-size: 20px; line-height: 1.3; font-weight: 500; font-variant-numeric: tabular-nums; }
.t-small { font-family: var(--font-sans); font-size: 13px; line-height: 1.5; font-weight: 400; }

/* Телефон (до 760px) */
@media (max-width: 759px) {
  .t-display { font-size: 40px; }
  .t-h1 { font-size: 32px; }
  .t-h2 { font-size: 28px; }
  .t-price { font-size: 18px; }
}