/* Копия токенов сайта (V2/tokens) - лендинг должен быть самодостаточным */

/* ——— colors ——— */
/* Палитра снята с боевого сайта russchspain.com (аудит 05.08.2026) */
:root{
/* Основной акцент — красный */
--red-50:#fdf1f0;--red-100:#fadfde;--red-200:#f3b8b6;--red-300:#e88b88;--red-400:#dc5b58;
--red-500:#d13230;--red-600:#b92725;--red-700:#951d1b;--red-800:#6f1413;--red-900:#5b0100;
/* Вторичный акцент — оранжевый */
--orange-50:#fef6ea;--orange-100:#fde8c6;--orange-200:#fbd08c;--orange-300:#f7b34e;
--orange-400:#f39113;--orange-500:#d97a09;--orange-600:#ad5f07;
/* Нейтральные */
--n-0:#ffffff;--n-25:#fafafa;--n-50:#f3f3f3;--n-100:#e8e8e8;--n-200:#d4d4d4;
--n-300:#b4b4b4;--n-400:#909090;--n-500:#767676;--n-600:#5a5a5a;--n-700:#404040;
--n-800:#2a2624;--n-900:#191614;
/* Тёплые поверхности (наследие бежевых текстур, приглушено) */
--sand-50:#faf7f1;--sand-100:#f2ece1;--sand-200:#ece5d7;--sand-400:#9f9376;--sand-600:#676359;
/* Семантические */
--green-500:#2f7d4f;--green-50:#eaf4ee;
--amber-500:#b8791a;--amber-50:#fdf4e6;
--danger-500:#c62b28;--danger-50:#fbeceb;
--info-500:#2b6ca3;--info-50:#eaf2f9;

/* ——— Семантические алиасы ——— */
--brand:var(--red-500);--brand-hover:var(--red-600);--brand-press:var(--red-700);
--brand-subtle:var(--red-50);--brand-deep:var(--red-900);
--accent:var(--orange-400);--accent-hover:var(--orange-500);--accent-subtle:var(--orange-50);

--text-heading:var(--n-800);--text-body:var(--n-700);--text-muted:#6b6b6b; /* n-500 темнее на шаг: 4.5:1 и на песке */
--text-faint:var(--n-400);--text-on-brand:var(--n-0);--text-link:var(--red-500);
--text-link-hover:var(--red-700);

--surface-page:var(--n-0);--surface-card:var(--n-0);--surface-sunken:var(--n-50);
--surface-warm:var(--sand-100);--surface-warm-strong:var(--sand-200);
--surface-inverse:var(--red-900);--surface-brand:var(--red-500);

--border-subtle:var(--n-100);--border-default:var(--n-200);--border-strong:var(--n-300);
--border-brand:var(--red-500);--focus-ring:var(--orange-400);
}

/* ——— typography ——— */
/* Заявленный на сайте Myriad Pro не подключён и падал в системный fallback.
   По решению заказчика — Roboto, самохостинг: tokens/fonts.css (Google Fonts
   заблокирован CSP). Roboto Serif использовался только в отклонённом варианте A. */

:root{
--font-sans:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-serif:'Roboto Serif','Roboto',Georgia,'Times New Roman',serif;
--font-sans-alt:'Roboto',system-ui,sans-serif;
--font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;

/* Шкала кеглей: 7 ступеней + мелкий текст. base 17px. Крупные ступени растут на десктопе (см. ниже). */
--fs-display:2.5rem; /* @kind font */
--fs-h1:2rem; /* @kind font */
--fs-h2:1.625rem; /* @kind font */
--fs-h3:1.3125rem; /* @kind font */
--fs-h4:1.1875rem; /* @kind font */
--fs-lg:1.125rem; /* @kind font */
--fs-base:1.0625rem; /* @kind font */
--fs-sm:.9375rem; /* @kind font */
--fs-xs:.8125rem; /* @kind font */
--fs-2xs:.6875rem; /* @kind font */

/* Интерлиньяж */
--lh-tight:1.08; /* @kind font */
--lh-snug:1.2; /* @kind font */
--lh-heading:1.25; /* @kind font */
--lh-normal:1.55; /* @kind font */
--lh-relaxed:1.7; /* @kind font */

/* Насыщенность */
--fw-light:300; /* @kind font */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:500; /* @kind font */
--fw-bold:700; /* @kind font */

/* Трекинг. Roboto достаточно плотный — минусовой трекинг мягче, чем в гротесках с большим x-height */
--ls-display:-.02em; /* @kind font */
--ls-heading:-.011em; /* @kind font */
--ls-normal:0; /* @kind font */
--ls-wide:.03em; /* @kind font */
--ls-caps:.11em; /* @kind font */

/* Готовые роли */
--type-overline:var(--fw-medium) var(--fs-2xs)/1.3 var(--font-sans); /* @kind font */
--type-legal:var(--fw-regular) var(--fs-2xs)/1.4 var(--font-sans); /* @kind font */
}
@media (min-width:768px){:root{--fs-display:3.25rem;--fs-h1:2.5rem;--fs-h2:1.875rem;--fs-h3:1.4375rem}}
@media (min-width:1280px){:root{--fs-display:4rem;--fs-h1:2.875rem;--fs-h2:2.125rem;--fs-h3:1.625rem}}

/* ——— spacing ——— */
:root{
--s-0:0; /* @kind spacing */
--s-1:2px;--s-2:4px;--s-3:8px;--s-4:12px;--s-5:16px;--s-6:20px;--s-7:24px;
--s-8:32px;--s-9:40px;--s-10:48px;--s-11:64px;--s-12:80px;--s-13:96px;--s-14:128px;

/* Вертикальный ритм секций */
--section-y-sm:48px;--section-y:72px;--section-y-lg:112px;

/* Сетка */
--container-max:1440px;--container-narrow:760px;--container-wide:1440px;
--gutter-mobile:20px;--gutter-tablet:32px;--gutter-desktop:48px;
--grid-gap:24px;
--grid-cols:12; /* @kind other */

/* Брейкпоинты (для документации; в CSS — media queries) */
--bp-sm:480px; /* @kind other */
--bp-md:768px; /* @kind other */
--bp-lg:1024px; /* @kind other */
--bp-xl:1280px; /* @kind other */
--bp-2xl:1536px; /* @kind other */
}

/* ——— shape ——— */
:root{
/* На сайте были только 99px и 50%. Добавлена полная шкала; пилюля сохранена для кнопок. */
--r-0:0; /* @kind radius */
--r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;
--r-pill:99px;--r-circle:50%;

/* Толщина обводок */
--bw-hair:1px; /* @kind other */
--bw-thin:1.5px; /* @kind other */
--bw-thick:3px; /* @kind other */

/* Тени: тёплые, низкой насыщенности — не серые */
--sh-xs:0 1px 2px rgba(42,38,36,.06);
--sh-sm:0 1px 3px rgba(42,38,36,.08),0 1px 2px rgba(42,38,36,.04);
--sh-md:0 4px 12px rgba(42,38,36,.08),0 1px 3px rgba(42,38,36,.05);
--sh-lg:0 12px 28px rgba(42,38,36,.10),0 4px 8px rgba(42,38,36,.05);
--sh-xl:0 24px 56px rgba(42,38,36,.13);
--sh-brand:0 6px 18px rgba(209,50,48,.24);
--sh-inset:inset 0 1px 0 rgba(255,255,255,.6);
--ring-focus:0 0 0 3px rgba(243,145,19,.45);

/* Анимация: только transform и opacity */
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-in-out:cubic-bezier(.45,.05,.55,.95); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:320ms; /* @kind other */
}