/* ==========================================================================
   MRB: tokens-v1 — единственный источник правды для дизайн-токенов
   --------------------------------------------------------------------------
   Подключается после Bootstrap (styles.css), до mrb-home.css и mrb-site.css.
   Здесь только переменные: цвета, типографика, ритм, радиусы и тени.
   ========================================================================== */

:root {
    /* ── Бренд ─────────────────────────────────────────────────────────── */
    --mrb-primary: #2563eb;
    --mrb-primary-rgb: 37, 99, 235;
    --mrb-primary-dark: #1d4ed8;
    --mrb-primary-darker: #1b45c0;
    --mrb-accent: linear-gradient(135deg, #7c3aed 0%, var(--mrb-primary) 55%, #22d3ee 100%);
    --mrb-accent-soft: linear-gradient(135deg, rgba(124, 58, 237, 0.10), rgba(34, 211, 238, 0.10));

    /* Bootstrap-переменные: один primary вместо литералов в styles.css */
    --bs-primary: var(--mrb-primary);
    --bs-primary-rgb: var(--mrb-primary-rgb);
    --bs-link-color: var(--mrb-primary);
    --bs-link-color-rgb: var(--mrb-primary-rgb);
    --bs-link-hover-color: var(--mrb-primary-dark);

    /* ── Текст и поверхности ───────────────────────────────────────────── */
    --mrb-ink: #10122b;
    --mrb-ink-rgb: 16, 18, 43;
    --mrb-ink-2: #1b1e42;
    --mrb-text: #232838;
    --mrb-muted: #667085;
    --mrb-muted-strong: #475467;
    --mrb-surface: #ffffff;
    --mrb-surface-2: #f6f8fd;
    --mrb-surface-3: #eef2fb;
    --mrb-line: #e6ebf5;
    --mrb-line-strong: #d6deee;

    /* ── Типографика: 6 ступеней + 2 clamp для заголовков ──────────────── */
    --mrb-fs-xs: 0.8125rem;   /* 13px */
    --mrb-fs-sm: 0.875rem;    /* 14px */
    --mrb-fs-base: 1rem;      /* 16px */
    --mrb-fs-md: 1.125rem;    /* 18px */
    --mrb-fs-lg: 1.375rem;    /* 22px */
    --mrb-fs-xl: 1.75rem;     /* 28px */
    --mrb-h1: clamp(2.3rem, 5.2vw, 4.1rem);
    --mrb-h2: clamp(1.75rem, 3.4vw, 2.6rem);

    /* ── Ритм секций ───────────────────────────────────────────────────── */
    --mrb-section-gap: clamp(4rem, 7vw, 7rem);

    /* ── Геометрия и движение ──────────────────────────────────────────── */
    --mrb-radius-xl: 28px;
    --mrb-radius: 22px;
    --mrb-radius-sm: 14px;
    --mrb-shadow-xs: 0 2px 8px rgba(var(--mrb-ink-rgb), 0.05);
    --mrb-shadow-sm: 0 8px 24px rgba(var(--mrb-ink-rgb), 0.07);
    --mrb-shadow: 0 20px 48px rgba(var(--mrb-ink-rgb), 0.12);
    --mrb-shadow-lg: 0 36px 80px rgba(var(--mrb-ink-rgb), 0.18);
    --mrb-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --mrb-nav-h: 70px;
    --mrb-mobile-bar-h: 62px;
}