/* Дизайн-система «Объект»: холодные тона, тёмные сцены, стекло, кнопки-«пилюли».
   Шрифты хранятся на нашем сайте, лицензия OFL (LICENSE-onest.txt, LICENSE-unbounded.txt рядом).
   Оба шрифта переменные: один файл на алфавит покрывает все начертания. */
@font-face { font-family: "Onest"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(/assets/fonts/onest-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(/assets/fonts/onest-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Unbounded"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url(/assets/fonts/unbounded-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Unbounded"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url(/assets/fonts/unbounded-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* ---- Палитра: основа ---- */
  --c-deep: #05080D;        /* тёмная сцена */
  --c-deep-2: #0B1322;      /* второй тон тёмной сцены */
  --c-cobalt: #2E54F5;      /* кобальт: свет и акценты */
  --c-cobalt-deep: #0E2280; /* глубокий кобальт: фон сцены расчёта */
  --c-aqua: #3FCFE6;        /* аква */
  --c-mint: #3FD9B4;        /* мята */
  --c-ice: #DCEAFB;         /* лёд */
  --c-lime: #CDF26B;        /* лайм-лимонный свет: только свет, не текст и не фон кнопок */
  --on-deep: #E8EEF7;       /* текст на тёмной сцене */
  --on-deep-muted: #A9B6CA; /* второстепенный текст на тёмной сцене */

  /* ---- Светлая тема ---- */
  --bg: #DFE8F3;
  --bg-2: #CFDDEE;          /* второй тон: глубже, чтобы светлая тема не была бледной */
  --ink: #07111C;
  --muted: #33465B;
  --line: rgba(7, 17, 28, 0.14);
  --link: #1D3FD0;
  --surface: rgba(250, 252, 255, 0.74);
  --surface-strong: #F6F9FD;
  --surface-line: rgba(255, 255, 255, 0.95);
  --shadow: 0 30px 60px -36px rgba(9, 30, 80, 0.55);
  --glow-1: rgba(46, 84, 245, 0.55);   /* кобальтовый свет за карточками */
  --glow-2: rgba(63, 207, 230, 0.55);  /* аква */
  --glow-3: rgba(205, 242, 107, 0.65); /* лайм */

  /* ---- Перенос в имена, которыми пользуются остальные стили сайта ---- */
  --accent: var(--ink);
  --accent-hover: #1A2A3F;
  --on-accent: #FFFFFF;
  --scrim: rgba(5, 8, 13, 0.5);
  --s-tint: var(--bg-2);
  --s-dark: var(--c-deep);
  --s-works: var(--bg);
  --s-cta: var(--c-deep);
  --s-footer: var(--c-deep);
  --card-bg: var(--surface);
  --on-dark: var(--on-deep);
  --on-dark-muted: var(--on-deep-muted);
  --on-dark-soft: var(--on-deep-muted);
  --on-dark-line: rgba(232, 238, 247, 0.16);
  --input-bg: var(--surface-strong);
  --input-border: #6E7F94;
  --section-sep: transparent;
  --brand-telegram: var(--ink);
  --brand-whatsapp: var(--ink);
  --brand-viber: #5B49D6;
  --glass-ink: var(--ink);
  --glass-bg: var(--surface);
  --glass-bg-hover: var(--surface-strong);
  --glass-border: var(--surface-line);
  --glass-outline: transparent;
  --glass-shadow: rgba(9, 30, 80, 0.45);
  --glass-fallback: var(--surface-strong);
  --plate-bg: rgba(255, 255, 255, 0.06);
  --plate-border: rgba(170, 190, 255, 0.4);
  --plate-outline: rgba(0, 0, 0, 0.35);
  --plate-glow: rgba(63, 207, 230, 0.25);

  /* ---- Шрифты: широкий гротеск для заголовков, спокойный для текста ---- */
  --font-display: "Unbounded", "Arial Black", system-ui, sans-serif;
  --font-sans: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: var(--font-display); /* старое имя: заголовки в остальных стилях */

  /* ---- Размеры текста ---- */
  --fs-hero: clamp(2rem, 0.6rem + 4.2vw, 4.4rem);
  --fs-h2: clamp(1.75rem, 1.15rem + 2.1vw, 3rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.6rem);
  --fs-lead: clamp(1.1875rem, 1.05rem + 0.55vw, 1.5rem);
  --fs-body: 1.125rem;
  --fs-small: 0.9375rem;
  --fs-eyebrow: 0.8125rem;

  /* ---- Форма ---- */
  --r-card: 24px;      /* карточки 20–28 px */
  --r-card-lg: 28px;   /* крупные сцены и рамки */
  --r-field: 14px;     /* поля ввода */
  --r-pill: 999px;     /* кнопки */

  /* ---- Отступы: шаг 8px ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6rem;
  --space-8: 9rem;

  /* ---- Сетка ---- */
  --container: 1240px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --header-h: 4.25rem;

  /* ---- Движение ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 160ms;
  --t-med: 280ms;
  --t-slow: 600ms;
}

/* ---------- Тёмная тема: html получает класс .themable; выбор хранится в data-theme ---------- */
:root.themable { color-scheme: light; }
:root.themable[data-theme="dark"] {
  color-scheme: dark;
  --bg: #070B12;
  --bg-2: #0C1424;
  --ink: #E8EEF7;
  --muted: #A6B4C8;
  --line: rgba(232, 238, 247, 0.14);
  --link: #9DB0FF;
  --surface: rgba(18, 28, 46, 0.7);
  --surface-strong: #111A2B;
  --surface-line: rgba(150, 175, 255, 0.26);
  --shadow: 0 30px 60px -36px rgba(0, 0, 0, 0.8);
  --glow-1: rgba(46, 84, 245, 0.42);
  --glow-2: rgba(63, 207, 230, 0.24);
  --glow-3: rgba(205, 242, 107, 0.16);
  --accent: var(--on-deep);
  --accent-hover: #C9D5E6;
  --on-accent: var(--c-deep);
  --scrim: rgba(0, 0, 0, 0.6);
  --input-border: #8D9BB0;
  --brand-whatsapp: #25D366;
  --brand-viber: var(--ink);
  --glass-shadow: rgba(0, 0, 0, 0.6);
}
@media (prefers-color-scheme: dark) {
  :root.themable:not([data-theme]) {
    color-scheme: dark;
    --bg: #070B12;
    --bg-2: #0C1424;
    --ink: #E8EEF7;
    --muted: #A6B4C8;
    --line: rgba(232, 238, 247, 0.14);
    --link: #9DB0FF;
    --surface: rgba(18, 28, 46, 0.7);
    --surface-strong: #111A2B;
    --surface-line: rgba(150, 175, 255, 0.26);
    --shadow: 0 30px 60px -36px rgba(0, 0, 0, 0.8);
    --glow-1: rgba(46, 84, 245, 0.42);
    --glow-2: rgba(63, 207, 230, 0.24);
    --glow-3: rgba(205, 242, 107, 0.16);
    --accent: var(--on-deep);
    --accent-hover: #C9D5E6;
    --on-accent: var(--c-deep);
    --scrim: rgba(0, 0, 0, 0.6);
    --input-border: #8D9BB0;
    --brand-whatsapp: #25D366;
    --brand-viber: var(--ink);
    --glass-shadow: rgba(0, 0, 0, 0.6);
  }
}

/* ---------- Тёмная сцена: одинакова в обеих темах (первый экран, процесс, призыв, подвал, шапка) ---------- */
.on-deep {
  --bg: var(--c-deep);
  --bg-2: var(--c-deep-2);
  --ink: var(--on-deep);
  --muted: var(--on-deep-muted);
  --line: rgba(232, 238, 247, 0.16);
  --link: #9DB0FF;
  --surface: rgba(18, 28, 46, 0.62);
  --surface-strong: #101a2c;
  --surface-line: rgba(160, 182, 255, 0.3);
  --accent: var(--on-deep);
  --accent-hover: #FFFFFF;
  --on-accent: var(--c-deep);
  --input-bg: #0D1626;
  --input-border: #8D9BB0;
  --glass-ink: var(--on-deep);
  --glass-bg: rgba(255, 255, 255, 0.07);
  --glass-bg-hover: rgba(255, 255, 255, 0.14);
  --glass-border: rgba(200, 215, 255, 0.42);
  --glass-shadow: rgba(0, 0, 0, 0.6);
  --glass-fallback: #142036;
  --brand-whatsapp: #25D366;
  --brand-viber: var(--on-deep);
  color: var(--ink);
  color-scheme: dark;
}