/* ==========================================================================
   ДИЗАЙН-ТОКЕНЫ — утверждённый стиль «Светлая мята» (25.10.2026)
   Эталон: forum/premium/index.html (https://biz-strategy.midasteam.ru).
   Бренд = этот файл: вёрстка (style.css) берёт отсюда все цвета и шрифты.
   ========================================================================== */

@font-face {
  font-family: "Manrope";
  src: url("fonts/Manrope-wght.ttf") format("truetype");
  font-weight: 200 800;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* --- Мятный градиент: первый экран, регистрация, акцентные плитки ---- */
  --hero-bg: radial-gradient(70% 55% at 10% 0%, rgba(255, 255, 255, 0.75), transparent 70%),
             radial-gradient(60% 50% at 100% 100%, rgba(95, 211, 182, 0.45), transparent 70%),
             linear-gradient(165deg, #D3F4EA 0%, #AEE6D6 55%, #93D9C5 100%);
  --c-hero-ink: #0E2B2A;
  --c-hero-muted: #2F5753;
  --c-glow: rgba(255, 255, 255, 0.6);   /* блик за курсором на афише */
  --c-logo-ink: #0E2B2A;           /* логотип: буквы */
  --c-logo-acc: #0E2B2A;           /* логотип: квадрат со стрелкой */
  --img-mb-hero: url("img/org/moy-biznes.png");        /* «Мой бизнес» на светлом */
  --img-mb-dark: url("img/org/moy-biznes-white.png");  /* «Мой бизнес» на тёмном */

  /* --- Тёмные плашки, пилюли и флажки ----------------------------------- */
  --c-band-bg: #0E2B2A;
  --c-band-ink: #D9F7EE;

  /* --- Страница --------------------------------------------------------- */
  --c-bg: #EEF5F2;
  --c-surface: #FFFFFF;
  --c-surface-2: #DDF2EA;
  --c-ink: #0E2B2A;
  --c-ink-muted: #2F5753;
  --c-line: #C3DED5;
  --c-accent: #0E2B2A;
  --c-accent-hover: #1A564E;
  --c-on-accent: #D9F7EE;
  --c-accent-2: #8FE3CB;

  /* --- Тёмные панели (модератор, футер, карточка главного спикера) ------ */
  --panel-bg: radial-gradient(70% 50% at 50% 0%, rgba(141, 235, 211, 0.35), transparent 70%),
              radial-gradient(60% 60% at 100% 100%, rgba(31, 181, 160, 0.35), transparent 70%),
              linear-gradient(165deg, #1A564E 0%, #123B37 55%, #0B2523 100%);
  --c-dark-bg: #0E2B2A;
  --c-dark-ink: #FFFFFF;
  --c-dark-muted: rgba(233, 255, 248, 0.72);
  --c-dark-line: rgba(255, 255, 255, 0.16);
  --c-dark-acc: #8FE3CB;

  --c-logo-plate: #FFFFFF;         /* белые плашки под логотипы компаний */
  --c-photo-bg: #CFE9E1;
  --c-focus: #1FB5A0;
  --c-backdrop: rgba(5, 25, 22, 0.6);

  /* --- Шрифты ----------------------------------------------------------- */
  --font-display: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-text: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fw-display: 800;
  --fw-text: 500;
  --fw-strong: 700;
  --display-tracking: -0.05em;
  --label-tracking: 0.08em;        /* пилюли и флажки — прописными */
  --text-leading: 1.55;

  --fs-h2: clamp(2.1rem, 5vw, 4.2rem);
  --fs-h3: clamp(1.3rem, 2vw, 1.7rem);
  --fs-lead: clamp(1.1rem, 1.8vw, 1.45rem);
  --fs-stat: clamp(2.6rem, 6vw, 5rem);
  --fs-band: clamp(0.9rem, 1.5vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;

  /* --- Форма ------------------------------------------------------------ */
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 16px;
  --radius-pill: 999px;
  --border-w: 1px;

  /* --- Сетка ------------------------------------------------------------ */
  --container: 1320px;
  --gutter: clamp(16px, 4vw, 48px);
  --section-pad: clamp(64px, 9vw, 136px);
  --grid-gap: clamp(14px, 1.8vw, 24px);

  /* --- Тени ------------------------------------------------------------- */
  --shadow-1: 0 0 0 1px rgba(14, 43, 42, 0.05), 0 12px 30px -18px rgba(5, 25, 22, 0.4);
  --shadow-2: 0 30px 70px -30px rgba(5, 25, 22, 0.55);
  --shadow-chip: 0 4px 14px rgba(14, 43, 42, 0.18);

  /* --- Движение --------------------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-1: 200ms;
  --dur-2: 600ms;
  --dur-3: 1000ms;
}