/* ════════════════════════════════════════════════════════════════════════
   DoberInvest — Дизайн-токены (источник истины: PRD §3 + doberinvest-v8.html)
   Один файл переменных. При переносе в WordPress вставляется в тему как :root.
   Менять палитру/типографику только по согласованию (PRD §3, критерии 9.1).
   ════════════════════════════════════════════════════════════════════════ */
:root {
  /* ── Фон (чёрно-бирюзовая база) ─────────────────────────── PRD 3.1 ── */
  --bg:        #0A0A0A;   /* основной фон (чёрный)            */
  --bg-2:      #0F0F0F;   /* чередование секций              */
  --bg-3:      #161616;   /* глубокие блоки                  */
  --bg-card:   #131313;   /* фон карточек                    */

  /* ── Главный акцент (бирюза) ────────────────────────────────────────── */
  --teal:      #1EA2B1;   /* кнопки, теги, ссылки, INVEST в лого */
  --teal-l:    #2BC0D1;   /* ховеры, градиенты, свечение     */
  --teal-d:    #16808C;   /* тени, тёмный акцент             */

  /* ── Цветовой код разделов (точечный акцент, НЕ смена палитры) PRD 2.2 ─ */
  --code-yellow: #FFE500; /* Маркет                          */
  --code-green:  #1E8A52; /* Эвенты                          */
  --code-green-neon:#27E07A;
  --code-red:    #E5484D; /* Кабинет + галстук маскота       */

  /* ── Текст ──────────────────────────────────────────────────────────── */
  --txt:       #FFFFFF;
  --txt-2:     rgba(255,255,255,0.65); /* подзаголовки, лиды */
  --txt-3:     rgba(255,255,255,0.40); /* мета, подписи      */
  --txt-4:     rgba(255,255,255,0.20);

  /* ── Линии / бордеры ────────────────────────────────────────────────── */
  --line:      rgba(255,255,255,0.08);
  --line-2:    rgba(255,255,255,0.16);

  /* ── Сигнальные (статусы мест/состояний) ────────────────────────────── */
  --warn:      #FFB300;

  /* ── Типографика ────────────────────────────────────────── PRD 3.2 ── */
  --font-display: 'Oswald', sans-serif;        /* заголовки: КАПС, трекинг −2px */
  --font-body:    'Inter', sans-serif;         /* основной текст, lh 1.6        */
  --font-mono:    'JetBrains Mono', monospace; /* техподписи, теги, цифры       */
  --font-heavy:   'Anton', 'Oswald', sans-serif; /* супер-жирный (как соц-шаблоны) */

  /* ── Сетка и отступы ────────────────────────────────────── PRD 3.3 ── */
  --container: 1400px;
  --section-py: 80px;
  --page-px: 24px;

  /* ── Скругления ─────────────────────────────────────────── PRD 3.3 ── */
  --r-sm:   8px;
  --r-md:   14px;
  --r-card: 24px;
  --r-pill: 100px;

  /* ── Motion (только transform/opacity; уважать reduced-motion) PRD 3.5 ─ */
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-slow: 800ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* пружина с лёгким отскоком (family-style) */
}

@media (min-width: 768px)  { :root { --section-py: 120px; --page-px: 48px; } }
@media (min-width: 1280px) { :root { --section-py: 160px; --page-px: 80px; } }