/* ============================================================
   BALGINI — design tokens
   Reference: 12storeez quiet-luxury structure
   Palette: brand values (Номера цветов.txt) + user's #F7F7F7 page background
   ============================================================ */

:root {
  /* --- surfaces --- */
  --bg: #f7f7f7;
  --surface: #ffffff;
  --surface-alt: #edeae3;
  --card: #ffffff;

  /* --- ink --- */
  --text: #2c221e;
  --text-muted: #8d837d;
  --text-inverse: #ffffff;

  /* --- brand --- */
  --accent: #e85b2a;
  --accent-hover: #d24f21;
  --on-accent: #ffffff;

  /* --- lines --- */
  --border: #e6e3da;
  --border-strong: #d6d2c6;

  /* --- states --- */
  --disabled-bg: #e6e3de;
  --disabled-ink: #a8a29b;
  --overlay: rgba(23, 18, 15, 0.42);

  /* --- layout --- */
  --container: 1616px;
  --container-narrow: 1222px;
  --gutter: 24px;
  --header-h: 68px;
  --tabbar-h: 52px;
  --radius: 3px;
  --radius-pill: 999px;

  /* --- type --- */
  --font-ui: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display: "Playfair Display", "Times New Roman", Georgia, serif;

  --fs-base: 14px;
  --fs-micro: 10px;
  --fs-small: 12px;
  --fs-body: 15px;
  --fs-lead: 16px;
  --fs-h3: 20px;
  --fs-h2: 26px;
  --fs-h1: 44px;

  --tracking-caps: 0.09em;

  /* --- motion --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.28s;
}

@media (max-width: 1024px) {
  :root {
    --gutter: 16px;
    --header-h: 56px;
    --fs-h1: 26px;
    --fs-h2: 22px;
    --fs-h3: 17px;
  }
}