/* Дизайн-токены лендинга «בית מדרש ביבנה» (תנועת השיבנו).
   Источник — Figma file KKw0etYvMosHrv49WkExAp, фрейм 3016:7573 «Desktop - 14» (1440×9080).
   Мобильного макета в Figma нет — мобильные значения спроектированы по конвенциям проекта. */

:root {
  /* Pixel-perfect unit. На 1440 desktop: 1u = 1px из Figma. На < 768 mobile: 1u = 1px из 414-сетки.
     Выше 1440 юнит продолжает расти — страница масштабируется пропорционально
     (на 1920/2560 выглядит ровно как на 1440, фоновые фото full-bleed без искажений). */
  --u: calc(100vw / 1440);

  /* Палитра (все цвета — из Figma, без самодеятельности) */
  --color-ink: #2c2a28;        /* основной текст */
  --color-gold: #da9b2a;       /* акцент: плашки-подчёркивания, оверлеи CTA */
  --color-gold-hero: #d99b2a;  /* кнопка hero — в Figma отдельное значение */
  --color-navy: #0d2c48;       /* тёмно-синий: плашки, оверлеи, play */
  --color-cream: #fff9ee;      /* кремовый (в макете почти не виден) */
  --color-tan: #c79f65;        /* светлое золото: плашка «לכל התגובות» */
  --color-white: #ffffff;
  --color-black: #000000;

  /* Оверлеи поверх фото (opacity из Figma) */
  --overlay-navy: rgba(13, 44, 72, 0.8);
  --overlay-gold: rgba(218, 155, 42, 0.8);

  /* Типографика. В Figma: «Noto Sans Hebrew New» → Google Fonts «Noto Sans Hebrew»;
     Assistant — только вес 200 (заголовок «צוות בית המדרש»). */
  --font-family: 'Noto Sans Hebrew', 'Assistant', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-accent: 'Assistant', 'Noto Sans Hebrew', system-ui, sans-serif;

  --fw-xlight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 900;

  /* Прочее */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  /* Двухслойное кольцо фокуса — видно и на светлом, и на тёмном/золотом фоне */
  --focus-ring: 0 0 0 2px var(--color-white), 0 0 0 4px rgba(13, 44, 72, 0.9);
}

/* Mobile pixel-grid: переключаемся на 414-сетку */
@media (max-width: 767px) {
  :root { --u: calc(100vw / 414); }
}