/*
 * Токены SREDA 2026.
 * Основа — SREDA-landing/assets/colors.css и лендинги /lp (чёрный + золото, Inter, JetBrains Mono).
 * Шрифт один — Inter: заголовки (300), текст (400), метки и кнопки (500, капс).
 */
:root {
  color-scheme: dark;

  /* Поверхности */
  --bg: #000000;
  --deep: #0a0a0b;
  --surface: #121213;
  --elev: #1a1a1c;
  --overlay: rgba(6, 6, 7, .82);

  /* Линии */
  --bd-sub: #1f1f21;
  --bd: #2a2a2d;
  --bd-str: #3d3d40;

  /* Текст */
  --tx: #ffffff;
  --tx2: #b8b8b8;
  --tx3: #8f8f8f;
  --tx4: #6e6e6e;

  /* Акцент */
  --acc: #e8bc74;
  --acc-hover: #f5d28f;
  --acc-soft: rgba(232, 188, 116, .08);
  --acc-line: rgba(232, 188, 116, .34);
  --acc-btn: #e8bc74;          /* фон золотых кнопок — одинаковый в обеих темах */
  --acc-btn-hover: #f5d28f;
  --menu-bg: rgba(14, 14, 15, .96);
  --mark: rgba(255, 255, 255, .1);

  /* Шрифты */
  --display: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --display-stretch: 100%;
  --sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; /* метки и кнопки: капс, разрядка */

  /* Сетка */
  --max: 1440px;
  --gut: clamp(20px, 4vw, 56px);
  --sec: clamp(64px, 7.5vw, 112px);

  /* Радиусы */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Движение и тени */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --shadow-lg: 0 30px 80px rgba(0, 0, 0, .55), 0 6px 20px rgba(0, 0, 0, .35);
}

/* Светлая тема: включается переключателем в шапке (html[data-theme="light"]). */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f5f2;
  --deep: #efede8;
  --surface: #ffffff;
  --elev: #e9e6df;
  --overlay: rgba(246, 245, 242, .86);
  --bd-sub: #e3e0d8;
  --bd: #d5d1c7;
  --bd-str: #b9b4a8;
  --tx: #141414;
  --tx2: #45443f;
  --tx3: #6a6862;
  --tx4: #8b8880;
  --acc: #9c6a24;
  --acc-hover: #845818;
  --acc-soft: rgba(156, 106, 36, .08);
  --acc-line: rgba(156, 106, 36, .35);
  --menu-bg: rgba(255, 255, 255, .97);
  --mark: rgba(0, 0, 0, .07);
  --shadow-lg: 0 24px 60px rgba(30, 28, 20, .10), 0 4px 14px rgba(30, 28, 20, .06);
}