/* Design tokens — собраны из :root утверждённого макапа
 * __SITE_KIT/mockups/qierki.pl/b-scena.html («Scena», Kinetic сдержанный), 2026-10-19.
 *   · имена по роли, значения макапа — как есть;
 *   · всё, чего в макапе не было (состояния, фокус, ошибки, слои, поля), помечено «добавлено».
 */
:root {
  color-scheme: dark;

  /* ── Colour: из макапа ─────────────────────────────────────────────── */
  --color-bg: #10111F;              /* surface-0 */
  --color-surface-1: #161829;
  --color-surface-2: #1E2138;
  --color-surface-3: #2A2E4A;
  --color-text: #F3EFE6;
  --color-muted: #B9B7C9;           /* 9.6:1 на bg */
  --color-subtle: #82819A;          /* 5.0:1 на bg — только мелкие подписи и номера */
  --color-brand: #FF7A45;           /* коралл: CTA, активные состояния, акцент-слово */
  --color-brand-hover: #FF9467;
  --color-on-brand: #160C08;
  --color-mint: #6EE7C8;            /* второй акцент: кикеры, индикаторы, «demo» */
  --color-line: rgba(243, 239, 230, .10);
  --color-line-strong: rgba(243, 239, 230, .20);
  --color-glass: rgba(16, 17, 31, .5);
  --color-glass-strong: rgba(22, 24, 41, .62);

  /* ── Colour: добавлено ─────────────────────────────────────────────── */
  --color-brand-active: color-mix(in srgb, var(--color-brand) 82%, black);
  --color-brand-tint: color-mix(in srgb, var(--color-brand) 16%, transparent);
  --color-mint-tint: color-mix(in srgb, var(--color-mint) 16%, transparent);
  --color-error: #FF8A8A;           /* 7:1 на surface-1 */
  --color-success: #6EE7C8;
  --color-warning: #FFD27A;
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-brand) 55%, transparent);

  /* ── Typography: из макапа ─────────────────────────────────────────── */
  /* шрифты заменены по просьбе заказчика 2026-10-19: Unbounded + DM Sans → Bricolage Grotesque + Onest */
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Onest", system-ui, sans-serif;
  --fs-display: clamp(5rem, 11vw, 10rem);     /* контурный номер сцены */
  --fs-h1: clamp(2.7rem, 5.8vw, 5.6rem);   /* Bricolage уже Unbounded — кегль +15% */
  --fs-h2: clamp(1.9rem, 3.2vw, 3rem);
  --fs-h3: clamp(1.25rem, 1.9vw, 1.65rem);
  --fs-lead: 1.08rem;
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-xs: .75rem;
  --lh-tight: 1.02;
  --lh-snug: 1.25;
  --lh-base: 1.6;
  --tracking-display: -.035em;
  --tracking-kicker: .16em;

  /* ── Space ─────────────────────────────────────────────────────────── */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --section-y: clamp(56px, 7vw, 104px);       /* макап: clamp(64,9vw,128) — уменьшено после калибровки: 12 секций главной */

  /* ── Shape & depth: из макапа ──────────────────────────────────────── */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 24px 48px -20px rgba(0, 0, 0, .6);
  --shadow-cta: 0 14px 34px -14px var(--color-brand);
  --blur-glass: blur(14px);

  /* ── Layout: из макапа ─────────────────────────────────────────────── */
  --rail: 96px;
  --tabbar: 72px;                   /* добавлено: высота мобильного таб-бара */
  --container: 1240px;
  --container-pad: clamp(16px, 3.2vw, 48px);

  /* ── Motion: из макапа + добавлено ─────────────────────────────────── */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-in: cubic-bezier(.5, 0, .8, .3);
  --dur-fast: 160ms;
  --dur-base: 280ms;                /* --dur макапа */
  --dur-slow: 600ms;
  --dur-slide: 6000ms;              /* интервал слайдера сцен */

  /* ── Layers: добавлено ─────────────────────────────────────────────── */
  --z-header: 40;
  --z-rail: 50;
  --z-banner: 800;
  --z-overlay: 900;
  --z-modal: 1000;
  --z-gate: 1100;
  --z-toast: 1200;
}

/* Breakpoints (media queries не читают custom properties):
   --bp-mobile: 760px (рейл → таб-бар)   --bp-tablet: 1100px (hero в одну колонку)
   опорные ширины kit.config.json: 1440 / 390 */