/*
 * marketing-dark-2 — design tokens (Dark Marketing / Product Landing)
 * Источник: — (обезличено)
 *
 * Значения выведены из computed styles 4 страниц (landing, pricing, customers,
 * blog) и CSS-правил сайта.
 *
 * Отличия от marketing-dark-1:
 *   marketing-dark-1 — airy, weight 300, 18px base, opacity-based grays, glow-borders
 *   marketing-dark-2 — dense, weight 400/510, 16px base, true grayscale, subtle hairlines
 */

:root {
  /* ═══ ФОНЫ (очень тёмные, близко к чёрному) ═══════════════════ */
  --md2-bg-base:         #08090A;   /* body */
  --md2-bg-surface:      #0F1011;   /* карточки, плавающие блоки */
  --md2-bg-overlay-05:   rgba(255, 255, 255, 0.05);  /* layered surface — самый частый */
  --md2-bg-overlay-03:   rgba(255, 255, 255, 0.03);
  --md2-bg-overlay-02:   rgba(255, 255, 255, 0.02);

  /* ═══ ТЕКСТ (grayscale на тёмном) ═════════════════════════════ */
  --md2-text:            #F7F8F8;   /* основной — 1101 исп */
  --md2-text-bright:     #FFFFFF;   /* акцент */
  --md2-text-secondary:  #D0D6E0;   /* вторичный */
  --md2-text-tertiary:   #8A8F98;   /* tertiary */
  --md2-text-muted:      #62666D;   /* muted — подписи, meta */

  /* ═══ БОРДЕРЫ (hairlines) ═════════════════════════════════════ */
  --md2-border-subtle:   rgba(255, 255, 255, 0.05);  /* 49 исп */
  --md2-border-medium:   rgba(255, 255, 255, 0.08);
  --md2-border-ring:     #23252A;   /* чёткая 1px обводка */

  /* ═══ АКЦЕНТЫ (multi-color neon palette) ══════════════════════ */
  --md2-accent-pink:     #F79CE0;   /* 41 исп */
  --md2-accent-cyan:     #55CDFF;   /* 22 исп */
  --md2-accent-orange:   #FFC47C;   /* 10 исп */
  --md2-accent-indigo:   #8FA4FF;   /* 9 исп */
  --md2-accent-green:    #89D196;   /* 8 исп */
  --md2-accent-purple:   #8B5CF6;
  --md2-accent-iris:     #6366F1;

  /* Семантические статусы */
  --md2-success:         #27A644;   /* #27A644 — солидный */
  --md2-success-soft:    rgba(0, 255, 5, 0.10);
  --md2-error:           #EB5757;
  --md2-error-soft:      rgba(255, 0, 0, 0.10);

  /* ═══ ТИПОГРАФИКА ═════════════════════════════════════════════ */
  --md2-font-body:       'Inter Variable', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --md2-font-mono:       'Berkeley Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Кегли */
  --md2-fs-10:           10px;
  --md2-fs-11:           11px;
  --md2-fs-12:           12px;
  --md2-fs-13:           13px;
  --md2-fs-14:           14px;
  --md2-fs-15:           15px;
  --md2-fs-16:           16px;    /* BASE — 1103 исп */
  --md2-fs-18:           18px;
  --md2-fs-20:           20px;
  --md2-fs-32:           32px;
  --md2-fs-40:           40px;
  --md2-fs-48:           48px;    /* H1 display */
  --md2-fs-64:           64px;    /* Hero XXL */

  /* Веса: Product-style scale */
  --md2-fw-light:        300;
  --md2-fw-regular:      400;     /* BASE — 1880 исп */
  --md2-fw-medium:       510;     /* 185 исп — не 500! */
  --md2-fw-semibold:     590;     /* 22 исп */

  /* Line-heights */
  --md2-lh-tight:        1.0;     /* hero headlines */
  --md2-lh-snug:         1.2;
  --md2-lh-body:         1.5;     /* 24px / 16px = 1.5 */
  --md2-lh-relaxed:      1.6;

  /* Letter-spacing (негативный — компактная типографика) */
  --md2-ls-tight:        -0.88px;  /* hero */
  --md2-ls-display:      -0.18px;
  --md2-ls-body:         -0.13px;  /* 118 исп */
  --md2-ls-small:        -0.165px; /* 101 исп */
  --md2-ls-micro:        -0.12px;

  /* ═══ РАДИУСЫ (острые, меньше чем md1) ════════════════════════ */
  --md2-radius-xs:       2px;     /* 42 исп — самый частый */
  --md2-radius-sm:       4px;     /* 36 */
  --md2-radius-md:       6px;
  --md2-radius-lg:       8px;
  --md2-radius-xl:       12px;
  --md2-radius-circle:   50%;
  --md2-radius-pill:     22px;

  /* ═══ ТЕНИ ════════════════════════════════════════════════════ */
  /* Ring — чёткая 1px-обводка без blur (используется в этом типе) */
  --md2-ring:            inset 0 0 0 1px var(--md2-border-ring);
  --md2-ring-subtle:     inset 0 0 0 1px var(--md2-border-subtle);

  /* Soft elevation */
  --md2-shadow-hairline: rgba(0, 0, 0, 0.03) 0 1.2px 0 0;
  --md2-shadow-sm:       rgba(0, 0, 0, 0.4) 0 2px 4px 0;
  --md2-shadow-glow-in:  rgba(0, 0, 0, 0.2) 0 0 12px 0 inset;
  --md2-shadow-layered:  rgba(0,0,0,0) 0 8px 2px 0, rgba(0,0,0,0.01) 0 5px 2px 0, rgba(0,0,0,0.04) 0 3px 2px 0, rgba(0,0,0,0.07) 0 1px 1px 0, rgba(0,0,0,0.08) 0 0 1px 0;

  /* ═══ TRANSITIONS ═════════════════════════════════════════════ */
  --md2-ease:            cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --md2-duration-fast:   0.1s;
  --md2-duration-base:   0.16s;
  --md2-duration-slow:   0.4s;
  --md2-transition:      all var(--md2-duration-base) var(--md2-ease);

  /* ═══ SPACING / GAPS (плотная сетка) ══════════════════════════ */
  --md2-space-1:         2px;
  --md2-space-2:         4px;
  --md2-space-3:         6px;
  --md2-space-4:         8px;     /* gap самый частый — 88 */
  --md2-space-5:         12px;
  --md2-space-6:         16px;
  --md2-space-8:         24px;
  --md2-space-10:        32px;
  --md2-space-12:        48px;
  --md2-space-16:        64px;
  --md2-space-24:        96px;    /* vertical padding хоумпейджа */
  --md2-space-32:        128px;

  /* ═══ LAYOUT ══════════════════════════════════════════════════ */
  --md2-container-max:   1280px;
  --md2-container-px:    32px;

  /* ═══ BREAKPOINTS ═════════════════════════════════════════════ */
  --md2-bp-mobile:       768px;
  --md2-bp-tablet:       1024px;
  --md2-bp-desktop:      1280px;
}

/*
 * Рекомендации:
 * – body { background: var(--md2-bg-base); color: var(--md2-text); font: 400 16px/1.5 var(--md2-font-body); letter-spacing: -0.13px; }
 * – Карточка — bg: var(--md2-bg-overlay-05); radius: var(--md2-radius-lg); box-shadow: var(--md2-ring-subtle).
 * – Primary CTA (как в product landing): bg: var(--md2-bg-overlay-05); color: var(--md2-text); height: 40px; radius: 4px; font-size: 13px; weight: 510.
 * – H1 hero — 48px / weight 510 / letter-spacing -1.056px / line-height 1.0.
 * – Акцентные теги/бейджи — color accent-pink / accent-cyan / accent-orange на субтильной заливке.
 */