/* ═══════════════════════════════════════════════════════════════
   ПОСТПИЛОТ · Лендинг v5 · Дизайн-токены
   Источник истины: reference/landing-standalone.html
   (исходник: reference/source/landing.dc.html)
   Светлая тема — :root, тёмная — .dark на корневом элементе.
   Значения перенесены 1:1 из прототипа. Ничего не округлять.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Цвета: поверхность ── */
  --bg: #F6F5EF;                    /* фон экрана лендинга */
  --card: #FFFFFF;                  /* карточки, кнопки-«призраки», модалы */
  --input: #FFFFFF;                 /* фон текстовых полей */
  --plaque: rgba(246,245,239,.72);  /* топбар и тикер поверх видео (+ backdrop-filter: blur(8px) только у топбара) */
  --hero-overlay: rgba(246,245,239,.74); /* вуаль поверх фонового видео, весь экран */
  --cal-grid-bg: rgba(255,255,255,.35);  /* подложка календаря */
  --cell-hover: rgba(255,255,255,.5);    /* ховер ячейки календаря */
  --scrim: rgba(14,20,16,.55);      /* затемнение под модалами (одинаково в обеих темах) + backdrop-filter: blur(3px) */

  /* ── Цвета: текст ── */
  --ink: #1E5C43;                   /* основной текст/заголовки */
  --ink-muted: #3D5348;             /* вторичный текст */
  --muted: #6F8177;                 /* третичный текст, подписи, плейсхолдеры */
  --secondary: #1E5C43;             /* секционные ярлыки, [ok], галочки */
  --accent-text: #1E5C43;           /* ромбы ◆ в тикере */
  --error: #FF3737;                 /* тексты ошибок (обе темы) */

  /* ── Цвета: акцент ── */
  --accent: #FFD23F;                /* жёлтый: CTA, выделения, бейджи (обе темы) */
  --on-accent: #111111;             /* текст на жёлтом (обе темы) */
  --hot: #FFD23F;                   /* заливка «СЕБЯ САМ» в H1 (текст на ней всегда #111111) */
  --green-bubble: #1E5C43;          /* telegram-пузырь в шаге 5 (обе темы), текст на нём #F3F1E6 */

  /* ── Цвета: границы ── */
  --border: #D6DDD5;

  /* ── Цвета: статусы контент-плана ── */
  --st-review-bg: #FBF3D6;  --st-review-text: #8A6D00;   /* на согласовании */
  --st-sched-bg:  #DFF0E6;  --st-sched-text:  #1E5C43;   /* запланирован */
  --st-draft-bg:  #EEEDE6;  --st-draft-text:  #6B7570;   /* черновик */
  --legend-review: #FFD23F; --legend-sched: #6FC79A; --legend-draft: #6B7570;
  --today-cell-bg: rgba(255,210,63,.14);
  --today-num-bg: #FFD23F;  --today-num-text: #111111;

  /* ── Переключатель темы ── */
  --toggle-track: linear-gradient(90deg,#FFE9A3,#FFD23F);
  --knob-bg: radial-gradient(circle at 35% 30%,#FFF3B8,#FFD23F 60%,#F2B60F);
  --knob-glow: 0 0 10px rgba(255,210,63,.9),0 0 22px rgba(255,210,63,.55);
  --sun-icon: #8A5B00;              /* иконка солнца */
  --moon-icon: #1B2620;             /* иконка луны (в тёмной теме) */

  /* ── Тени ── */
  --shadow-rgb: 30,92,67;                              /* базовый RGB для тени экрана */
  --shadow-screen: 0 2px 4px rgba(var(--shadow-rgb),.2);
  --shadow-btn: 2px 2px 0 var(--ink);                  /* «жёсткая» тень кнопок */
  --shadow-btn-lg: 3px 3px 0 var(--ink);               /* главная CTA hero */
  --shadow-modal: 6px 6px 0 var(--ink);                /* модал входа десктоп (мобайл: 5px 5px 0) */
  --shadow-popover: 0 28px 70px rgba(0,0,0,.4);
  --shadow-cal: 0 24px 60px rgba(0,0,0,.18),0 3px 10px rgba(0,0,0,.08);
  --shadow-chip: 0 2px 6px rgba(0,0,0,.14);
  --shadow-chip-hover: 0 10px 22px rgba(0,0,0,.28);
  --shadow-chip-drag: 0 16px 34px rgba(0,0,0,.4);
  --shadow-toast: 2px 2px 0 var(--accent);
  --shadow-mob-badge: 0 3px 8px rgba(0,0,0,.25);

  /* ── Типографика ── */
  --font-mono: 'Geist Mono', monospace;      /* базовый шрифт всего лендинга, weights 400/500/600/700 */
  --font-display: 'Space Grotesk', sans-serif; /* заголовки и кнопки, weights 500/600/700 */
  /* Google Fonts: https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap */

  /* ── Радиусы ── */
  --r-0: 0;        /* кнопки, карточки фич, ценовая карта, модал входа — БЕЗ скругления */
  --r-chip: 7px;   /* карточки в календаре */
  --r-step-inner: 12px; /* внутренняя часть степ-карточки */
  --r-step-wrap: 14px;  /* обёртка степ-карточки (с кометой) */
  --r-cal: 16px;   /* сетка календаря; мобильный степ-оверлей */
  --r-popover: 18px; /* десктопные поповеры шагов */
  --r-pill: 99px;  /* круги, пилюли, переключатель */
  --r-bubble: 12px 12px 12px 4px; /* telegram-пузырь */

  /* ── Границы (толщина) ── */
  --bw-1: 1px; --bw-15: 1.5px; --bw-2: 2px; --bw-25: 2.5px;

  /* ── Движение ── */
  --dur-press: .08s;         /* нажатие кнопок (transform+shadow, ease) */
  --dur-hover: .15s;         /* ховер-сдвиг «войти» (ease) */
  --dur-chip: .18s;          /* ховер чипа календаря */
  --dur-toggle-knob: .25s;   /* ход ползунка темы (ease) */
  --dur-toggle-track: .3s;   /* смена фона трека (ease) */
  --ease-pop: cubic-bezier(.34,1.56,.64,1);   /* popIn .4s (десктоп-поповер), .35s (модал), chipIn .5s */
  --ease-cal: cubic-bezier(.2,.8,.3,1);       /* calIn .7s */
  --ease-drag: cubic-bezier(.3,.85,.3,1);     /* демо-перетаскивание 1.3s */
  --dur-ticker-desktop: 42s; /* бегущая строка, linear, infinite */
  --dur-ticker-mobile: 30s;
  --dur-caret-hero: .9s;     /* steps(1) */
  --dur-caret-h1: 1.05s;
  --dur-caret-typing: .8s;   /* каретки печати, steps(1) */
  --dur-ripple: 1.7s;        /* tapRipple/tapCore, шаг задержек между карточками .35s */
  --dur-hl-pulse: 1.1s;      /* подсветка следующего шага (кнопка «одобрить»: 1.2s) */
  --dur-today-ring: 2.4s;
  --dur-badge-bob: 5s;       /* номера шагов, задержки 0/.9s/1.8s/2.7s/3.6s */
  --dur-comet: 4.5s;         /* бегущий блик рамки, те же задержки */
  --dur-sun: 14s; --dur-moon: 3.6s;
  --dur-toast-in: .25s;      /* появление тоста, ease */
  --toast-lifetime: 2400ms;
  /* Скорость печати (JS): секционные ярлыки 65ms/символ; сноска цен 22ms/символ;
     hero — БЕЗ печати (текст сразу); шаги 60ms/тик; шаг 1 55ms/символ */

  /* ── Z-шкала (в пределах экрана лендинга) ── */
  --z-video: -2; --z-overlay: -1;
  --z-drag-ghost: 5; --z-drag-cursor: 6;
  --z-step-popover: 20;
  --z-mob-step-overlay: 50;
  --z-auth-modal: 55;
  --z-toast: 60;

  /* ── Размеры/сетка ── */
  --w-desktop: 1200px;       /* ширина десктопного лендинга */
  --w-mobile: 390px;         /* ширина мобильного лендинга */
  --pad-x-desktop: 40px;     /* горизонтальные поля секций десктоп */
  --pad-x-mobile: 18px;      /* горизонтальные поля секций мобайл */
  --topbar-accent-h: 4px;    /* жёлтая полоса на самом верху */
  --cal-cell-min-h: 108px;
  --auth-w-desktop: 410px; --auth-w-mobile: 330px;
  --popover-w: 560px;        /* поповеры шагов 1,2,4,5 (шаг 3: 580px) */
  --mob-overlay-w: 340px;
}

.dark {
  --bg: #1B2620;
  --card: #26332C;
  --input: #26332C;
  --plaque: rgba(27,38,32,.72);
  --hero-overlay: rgba(27,38,32,.72);
  --cal-grid-bg: rgba(38,51,44,.35);
  --cell-hover: rgba(255,255,255,.05);

  --ink: #F3F1E6;
  --ink-muted: #C4CFC7;
  --muted: #93A198;
  --secondary: #6FC79A;
  --accent-text: #FFD23F;

  --border: #38463F;

  --st-review-bg: rgba(255,210,63,.16);  --st-review-text: #FFD23F;
  --st-sched-bg:  rgba(111,199,154,.16); --st-sched-text:  #6FC79A;
  --st-draft-bg:  rgba(255,255,255,.08); --st-draft-text:  #9AA6A0;
  --legend-draft: #9AA6A0;
  --today-cell-bg: rgba(255,210,63,.08);

  --toggle-track: rgba(255,255,255,.08);
  --knob-bg: linear-gradient(135deg,#D9DFE6,#9FA8B3);
  --knob-glow: 0 1px 4px rgba(0,0,0,.4);

  --shadow-rgb: 10,16,12;
}