/* ==========================================================================
   ДИЗАЙН-ТОКЕНЫ — стиль «Светлая мята» для сайта (26.10.2026)
   Бренд: forum/premium/index.html. На сайте мятный цвет — только акцент:
   основа светлая нейтральная, первый экран и тёмные блоки — глубокий
   изумрудный из бренда. Бренд = этот файл: 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;

  /* --- Основа страницы -------------------------------------------------- */
  --c-bg: #F4F6F5;                 /* светлый нейтральный фон */
  --c-surface: #FFFFFF;            /* карточки */
  --c-surface-2: #ECF0EE;          /* вторичные плашки */
  --c-ink: #0E2B2A;                /* текст и тёмные элементы */
  --c-ink-muted: #56686A;
  --c-line: #DFE5E3;
  --c-accent: #0E2B2A;             /* основная кнопка на светлом */
  --c-accent-hover: #1A564E;
  --c-on-accent: #FFFFFF;
  --c-mint: #8FE3CB;               /* фирменная мята — акцент */
  --c-mint-soft: #DDF5EE;          /* мята-подсветка для мелких плашек */

  /* --- Тёмные блоки: первый экран, регистрация, футер ------------------- */
  --dark-bg: radial-gradient(60% 70% at 85% 10%, rgba(143, 227, 203, 0.18), transparent 70%),
             radial-gradient(50% 60% at 0% 100%, rgba(31, 181, 160, 0.14), transparent 70%),
             linear-gradient(160deg, #123B37 0%, #0E2B2A 50%, #0A2220 100%);
  --c-dark-ink: #FFFFFF;
  --c-dark-muted: rgba(226, 244, 238, 0.7);
  --c-dark-line: rgba(255, 255, 255, 0.14);
  --c-dark-surface: rgba(255, 255, 255, 0.06);
  --c-glow: rgba(143, 227, 203, 0.16);   /* блик за курсором на первом экране */

  /* --- Логотип форума и партнёры ---------------------------------------- */
  --c-logo-ink-dark: #FFFFFF;      /* логотип на тёмном: буквы */
  --c-logo-acc-dark: #8FE3CB;      /* логотип на тёмном: знак */
  --c-logo-ink-light: #0E2B2A;
  --c-logo-acc-light: #0E2B2A;
  --img-mb-light: url("img/org/moy-biznes.png");       /* «Мой бизнес» на светлом */
  --img-mb-dark: url("img/org/moy-biznes-white.png");  /* «Мой бизнес» на тёмном */

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

  /* --- Шрифт и единая шкала --------------------------------------------- */
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fw-regular: 500;
  --fw-bold: 700;
  --fw-heavy: 800;
  --tracking-tight: -0.045em;      /* крупные заголовки */
  --tracking-snug: -0.02em;        /* подзаголовки */
  --tracking-caps: 0.08em;         /* пилюли прописными */

  --fs-h1: clamp(2.5rem, min(6vw, 8.4vh), 5.6rem);
  --fs-h2: clamp(2rem, 4.2vw, 3.6rem);
  --fs-h3: clamp(1.15rem, 1.5vw, 1.375rem);
  --fs-num: clamp(2.6rem, 4.6vw, 4.2rem);
  --fs-lead: clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-caps: 0.75rem;

  /* --- Форма ------------------------------------------------------------ */
  --radius-s: 6px;
  --radius-m: 12px;
  --radius-l: 22px;
  --radius-pill: 999px;

  /* --- Сетка ------------------------------------------------------------ */
  --container: 1280px;
  --gutter: clamp(16px, 4vw, 40px);
  --section-pad: clamp(64px, 8vw, 120px);
  --gap: clamp(12px, 1.4vw, 20px);

  /* --- Тени ------------------------------------------------------------- */
  --shadow-1: 0 1px 2px rgba(14, 43, 42, 0.06), 0 8px 24px -12px rgba(14, 43, 42, 0.18);
  --shadow-2: 0 24px 60px -24px rgba(5, 25, 22, 0.45);
  --shadow-chip: 0 4px 14px rgba(14, 43, 42, 0.16);

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