/* ==========================================================================
   Эталон — дизайн-токены
   Собраны из design/tokens/*.css. Шрифты подключены <link>-ом в index.html,
   поэтому здесь только переменные семейств — без @import.
   ========================================================================== */

:root{
/* --- шрифты --- */
--font-display:"Playfair Display",Georgia,"Times New Roman",serif;
--font-sans:"Onest","Helvetica Neue",Arial,sans-serif;
--font-body:var(--font-sans);
--font-ui:var(--font-sans);

/* --- база: navy (основной бренд) --- */
--navy-900:#070F20;
--navy-800:#0A1730;
--navy-700:#0E1E3C;
--navy-600:#16294C;
--navy-500:#1B3055;
--navy-400:#2A4470;
--navy-300:#516A94;
--navy-200:#9BAAC2;
--navy-100:#D5DCE7;
--navy-050:#EDF1F6;

/* --- база: золото (акцент) --- */
--gold-700:#8E6A22;
--gold-600:#A8802F;
--gold-500:#C29A4B;
--gold-400:#D3B270;
--gold-300:#E0C58A;
--gold-200:#EEDCB6;
--gold-100:#F5EDDE;

/* --- база: тёплые нейтральные --- */
--cream-300:#E6DCCA;
--cream-200:#EFE7DA;
--cream-100:#F7F2EA;
--paper:#FBFAF8;
--white:#FFFFFF;

/* --- база: холодные нейтральные (текст и линии) --- */
--gray-900:#11161F;
--gray-700:#3C4452;
--gray-600:#5A6372;
--gray-500:#737C8C;
--gray-400:#A8AEBA;
--gray-300:#D8DCE3;
--gray-200:#E9E6DF;
--gray-100:#F2F0EC;

/* --- база: семантические оттенки --- */
--green-600:#2E7D5B;--green-100:#E4F0EA;
/* «цвет денег» — заливка последней плитки этапов, когда до неё дошёл скролл */
--green-money:#4E9B6B;--green-money-edge:#7FC496;
--amber-600:#C08A2E;--amber-100:#FBF0DB;
--red-600:#B23A3A;--red-100:#F8E6E6;
--blue-600:#2C5A8A;--blue-100:#E5EDF5;

/* --- оттенки, встречающиеся только на лендинге --- */
--ink-panel:#0B2143;      /* тёмная панель этапов, заголовки карточек */
--ink-tile:#15345F;       /* плитка маркера этапа */
--gold-glyph:#BA8A2F;     /* глиф в брендовых иконках и карточках */
--gold-disc:#F1D58F;      /* диск стрелки в золотой кнопке */
--gold-line:#F0D58E;      /* светлый конец линии-маршрута */
--paper-card:#FFFDF9;     /* карточки ситуаций, фон мобильной шапки */
--text-card:#5D6776;      /* текст в карточках ситуаций */
--text-lead-alt:#637083;  /* лид блока этапов */
--text-on-panel:#C7D0DC;  /* описания на тёмной панели */
--text-on-banner:#C8D0DC; /* текст в баннере */

/* --- семантика: текст --- */
--text-strong:var(--navy-700);
--text-body:var(--gray-700);
--text-muted:var(--gray-500);
--text-subtle:var(--gray-400);
--text-accent:var(--gold-600);
--text-on-dark:var(--white);
--text-on-dark-muted:rgba(255,255,255,.72);
--text-on-dark-faint:rgba(255,255,255,.55);
--text-link:var(--navy-700);
--text-link-hover:var(--gold-600);

/* --- семантика: поверхности --- */
--surface-page:var(--white);
--surface-card:var(--white);
--surface-inset:var(--gray-100);
--surface-overlay:rgba(8,24,49,.64);

/* --- градиенты --- */
--surface-hero:linear-gradient(105deg,#F7F2EA 0%,#EFE7DA 55%,#E6DCCA 100%);
--surface-paper:linear-gradient(143deg,#FFFDF9 0%,#F8F3EB 72%,#F0E6D7 100%);
--surface-paper-warm:linear-gradient(143deg,#FFFDF9 0%,#F8F3EB 72%,#EFE4D4 100%);
--surface-panel:linear-gradient(118deg,#0B2143 0%,#10294E 72%,#183251 100%);
--route-gradient:linear-gradient(90deg,#BA8A2F 0%,#D4AD5F 50%,#F0D58E 100%);
--route-gradient-y:linear-gradient(180deg,#BA8A2F 0%,#D4AD5F 50%,#F0D58E 100%);
--route-track:rgba(255,253,249,.14);
--glow-section:radial-gradient(ellipse 430px 300px at 88% 6%,rgba(212,173,95,.15) 0%,rgba(212,173,95,0) 100%);
--glow-process:radial-gradient(ellipse 420px 270px at 88% 8%,rgba(212,173,95,.15) 0%,rgba(212,173,95,0) 100%);
--glow-panel:radial-gradient(ellipse 390px 270px at 88% 12%,rgba(212,173,95,.16) 0%,rgba(212,173,95,0) 100%);
--glow-banner:radial-gradient(ellipse 390px 230px at 100% 50%,rgba(212,173,95,.18) 0%,rgba(212,173,95,0) 100%);

/* --- семантика: линии --- */
--border-hairline:var(--gray-200);
--border-default:var(--gray-300);
--border-accent:var(--gold-500);
--border-on-dark:rgba(255,255,255,.16);
--border-card:rgba(11,33,67,.09);
--border-card-hover:rgba(11,33,67,.18);
--hairline-on-dark:rgba(255,253,249,.08);
--hairline-on-dark-strong:rgba(255,253,249,.10);

/* --- семантика: действия --- */
--action-primary:var(--navy-700);
--action-primary-hover:var(--navy-600);
--action-accent:var(--gold-500);
--action-accent-hover:var(--gold-400);
--action-quiet:var(--gray-100);
--action-quiet-hover:var(--gray-200);
--focus-ring:var(--gold-500);

/* --- семантика: статусы --- */
--status-success-fg:var(--green-600);--status-success-bg:var(--green-100);
--status-warning-fg:var(--amber-600);--status-warning-bg:var(--amber-100);
--status-danger-fg:var(--red-600);--status-danger-bg:var(--red-100);
--status-info-fg:var(--blue-600);--status-info-bg:var(--blue-100);

/* --- типографика --- */
--text-h1-size:56px;--text-h1-lh:1.1;--text-h1-ls:-0.015em;
--text-h2-size:44px;--text-h2-lh:1.14;--text-h2-ls:-0.01em;
--text-h3-size:32px;--text-h3-lh:1.22;
--text-lead-size:18px;--text-lead-lh:1.6;
--text-body-size:16px;--text-body-lh:1.65;
--text-small-size:14px;--text-small-lh:1.6;
--text-caption-size:13px;--text-caption-lh:1.5;
--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;

/* --- отступы и сетка --- */
--container-max:1200px;
--gutter:24px;
--gutter-mobile:20px;
--gutter-tiny:16px;
--section-y:96px;
--section-y-mobile:56px;
--nav-h:76px;
--control-h-sm:44px;
--control-h-md:52px;
--control-h-lg:64px;

/* --- радиусы --- */
--radius-control:8px;
--radius-tile:10px;
--radius-card:12px;
--radius-icon:13px;
--radius-burger:12px;
--radius-tile-lg:17px;
--radius-media:18px;
--radius-situation:21px;
--radius-frame:24px;
--radius-banner:27px;
--radius-panel:30px;
--radius-pill:999px;

/* --- тени --- */
--shadow-card:0 8px 20px rgba(11,33,67,.05);
--shadow-card-hover:0 18px 40px rgba(11,33,67,.12);
--shadow-frame:0 18px 48px rgba(14,30,58,.10);
--shadow-chip:0 8px 24px rgba(14,30,58,.08);
--shadow-button:0 8px 24px rgba(14,30,58,.08);
--shadow-button-hover:0 18px 40px rgba(14,30,58,.28);
--shadow-gold-hover:0 18px 40px rgba(11,33,67,.32);
--shadow-panel:0 28px 64px rgba(11,33,67,.22);
--shadow-banner:0 24px 56px rgba(11,33,67,.20);
--shadow-modal:0 32px 80px rgba(7,15,32,.16);
--shadow-drawer:0 18px 40px rgba(11,33,67,.12);
--ring-focus:0 0 0 3px rgba(194,154,75,.38);

/* --- моушен --- */
--ease:cubic-bezier(.2,.8,.2,1);
--dur-color:180ms;
--dur-lift:260ms;
--dur-open:320ms;
--dur-reveal:620ms;
}