/* ============================================================
   Конференция «IT-решения для бизнеса» — дизайн-токены

   Тёмная страница: угольный холст, изумрудный акцент.
   Типографика — Manrope: мягкий геометрический гротеск.

   Палитра взята с лендинга AXISA Business Breakfast, чтобы два
   мероприятия узнавались как одна серия. Роли при этом перевёрнуты:
   там угольными были только карточки на кремовом листе, здесь
   угольный — фон всей страницы, а кремового как заливки нет вовсе.
   Поэтому все контрасты пересчитаны заново и записаны тут же.
   ============================================================ */

:root {
  /* --- Акцент: изумруд в трёх ролях --- */

  /* Заливка: кнопки, плитки, активные состояния. Текст на ней ВСЕГДА белый —
     оттенок подобран так, чтобы белый давал контраст 4.9:1.
     Сама заливка на фоне страницы — 3.9:1, то есть кнопка различима
     как элемент управления (порог для нетекстовых элементов — 3:1). */
  --accent-fill: #0c8060;
  --accent-fill-hover: #0a6f53; /* темнее, иначе белый текст перестанет читаться */

  /* Акцентный текст и знаки на угольном фоне — яркий, контраст 10.1:1.
     Белый на изумрудной заливке пишется литералом #fff: это не переменная
     темы, а фиксированное требование контраста к --accent-fill. */
  --accent-on-dark: #1ed69b;

  /* --- Угольная база ---
     900 — фон страницы, 700 — карточки поверх него. Разница между ними
     мала (1.2:1), поэтому карточки отделяются не заливкой, а рамкой
     --line-dark: на тёмной теме граница читается лучше перепада тона. */
  --coal-900: #101011;
  --coal-800: #17181a;
  --coal-700: #222427;

  /* --- Текст на угольном --- */
  /* основной: 17.6:1 на фоне страницы, 14.4:1 на карточке */
  --on-dark: #f8f6f2;
  /* вторичный: 7.8:1 на фоне, 4.7:1 на карточке — для абзацев годится всюду */
  --on-dark-65: rgba(248, 246, 242, 0.65);
  /* подписи: 5.0:1 на фоне страницы. На карточках --coal-700 даёт 3.5:1,
     поэтому ТОЛЬКО на фоне и только для некрупных служебных подписей. */
  --on-dark-50: rgba(248, 246, 242, 0.5);

  /* --- Границы ---
     На тёмной теме объём даёт рамка, а не тень: перепад тона между
     поверхностями слишком мал, чтобы читаться сам по себе. */
  --line-dark: rgba(248, 246, 242, 0.14);
  --line-dark-strong: rgba(248, 246, 242, 0.26); /* наведение и фокус */

  /* Ошибки. На угольном фоне красно-кирпичный уходит в грязь —
     берём светлее: 6.4:1 на фоне страницы, 5.2:1 на карточке. */
  --warn: #ff8a6b;

  /* --- Шрифты ---
     Manrope: геометрический гротеск с мягкими скруглёнными формами,
     без острых засечек и углов. Полная кириллица, хорошо читается
     и в крупных заголовках, и в мелком тексте. Курсива у него нет —
     акценты делаем цветом и насыщенностью, а не наклоном. */
  --display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* 5.5rem вместо 7rem: на 1440 заголовок в 112px занимал почти треть
     первого экрана, и под ним оставалась пустота. */
  --fs-display: clamp(2.5rem, 1rem + 5.2vw, 5.5rem);
  --fs-h2: clamp(2rem, 1.2rem + 3vw, 3.75rem);
  --fs-h3: clamp(1.125rem, 1rem + 0.55vw, 1.5rem);
  --fs-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --fs-md: 1rem;
  --fs-sm: 0.9375rem;
  --fs-xs: 0.8125rem;
  --fs-2xs: 0.6875rem;

  /* --- Сетка ---
     1240 вместо прежних 1440: на странице больше нет широких сеток
     из плиток, а строка в карточке спикера на 1440 растягивалась
     до ~110 символов — читать такую длину тяжело. */
  --container: 1240px;
  --pad: clamp(1rem, 0.4rem + 2.2vw, 2.5rem);

  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;

  --section: clamp(3.5rem, 1.8rem + 5vw, 6.5rem);

  /* --- Форма --- */
  --r-sm: 10px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Тени на тёмном почти не видны, поэтому объём даёт рамка, а не тень.
     Тень осталась только под изумрудными элементами — как подсветка. */
  --shadow-accent: 0 6px 16px rgba(12, 128, 96, 0.3), 0 18px 40px rgba(12, 128, 96, 0.22);
  --shadow-accent-lg: 0 10px 24px rgba(12, 128, 96, 0.36), 0 28px 60px rgba(12, 128, 96, 0.28);
  --shadow-deep: 0 18px 44px rgba(0, 0, 0, 0.45);

  /* --- Узор тёмных поверхностей ---
     Шеврон: вложенные «домики» под 45°, арт-деко. Перекликается
     с треугольником в логотипе. Плитка 80x40 — бесшовная по обеим осям,
     стороны строго под 45°, иначе на стыке был бы излом.
     Видимость добирается прозрачностью слоя, а не цветом. */
  --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cpath d='M0 0.00L40 -40.00L80 0.00M0 13.33L40 -26.67L80 13.33M0 26.67L40 -13.33L80 26.67M0 40.00L40 0.00L80 40.00M0 53.33L40 13.33L80 53.33M0 66.67L40 26.67L80 66.67M0 80.00L40 40.00L80 80.00M0 93.33L40 53.33L80 93.33M0 106.67L40 66.67L80 106.67' fill='none' stroke='%231ed69b' stroke-opacity='0.5' stroke-width='1.15' stroke-linecap='square'/%3E%3C/svg%3E");
  --chevron-size: 88px 44px;
  --chevron-opacity: 0.14;

  /* --- Движение --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* резкий старт, долгий выкат */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* лёгкий перелёт на наведении */
  --t-fast: 0.16s;
  --t: 0.34s;
  --t-slow: 0.85s;
}