/* ============================================================
   GEO Okna V2 — Design Tokens
   Источник правды: Figma znpGPCb62MypqXCQp5RUfb (нода 1259, Variables).
   Значения выгружены через get_variable_defs — НЕ хардкод.
   ============================================================ */

:root {
  /* ---- Цвет (роли, из Figma Color collection) ---- */
  --color-surface:        #ffffff;
  --color-surface-muted:  #f3f6ef;
  --color-surface-dark:   #2d3136;
  --color-card-dark:      #40464c;
  --color-text:           #2d3136;
  --color-text-muted:     #767c82;
  --color-text-on-dark:   #ffffff;
  --color-text-beige:     #c3cac0;
  --color-border:         #dde2d8;
  --color-primary:        #bfe944;
  --color-primary-border: #a2cc33;
  --color-placeholder:    #f0f2f2;

  /* семантические алиасы для удобства */
  --color-bg: var(--color-surface);

  /* статусы форм (вне основной палитры макета) */
  --color-success: #2e7d32;
  --color-error:   #c0392b;

  /* ---- Spacing scale (из Figma Spacing collection) ---- */
  --space-4:  4px;
  --space-6:  6px;
  --space-8:  8px;
  --space-10: 10px;
  --space-11: 11px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-48: 48px;

  /* ---- Радиусы (из Figma Radius collection) ---- */
  --radius-button:  14px;
  --radius-card:    16px;
  --radius-media:   18px;
  --radius-card-lg: 22px;
  --radius-section: 28px;
  --radius-pill:    999px;

  /* ---- Типографика (Montserrat — дизайн-система проекта) ---- */
  --font-base: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

  /* размеры desktop */
  --fs-h1: 43px;   --lh-h1: 50px;
  --fs-h2: 36px;   --lh-h2: 42px;
  --fs-h3: 20px;   --lh-h3: 28px;
  --fs-body: 16px; --lh-body: 28px;
  --fs-small: 14px;--lh-small: 22px;
  --fs-caption: 12px;

  /* ---- Сетка / контейнер ----
     Как на референсе geo-okna.alab-dev.ru: секции почти на всю ширину 1440
     (рабочая ширина ~1425, поля по краям минимальные). Единая для всех секций. */
  --container-max: 1440px;
  --container-pad: 16px;

  /* ---- Прочее ---- */
  --border-1: 1px solid var(--color-border);
}

/* ---- Mobile переопределения (эталон: mobile 390, padding 20) ---- */
@media (max-width: 768px) {
  :root {
    --fs-h1: 28px;   --lh-h1: 30.8px;
    --fs-h2: 24px;   --lh-h2: 27.6px;
    --fs-h3: 16px;   --lh-h3: 20.8px;
    --fs-body: 14px; --lh-body: 20.3px;

    --container-pad: 20px;
  }
}