/**
 * Брендовые токены для WP-раздела podryad.
 *
 * ИСТОЧНИК ПРАВДЫ: I:\dev2docker\podryad-web\app\styles\tokens.css
 * Этот файл — копия. При изменении токенов в podryad-web обновить здесь.
 *
 * Потребители: новые классы страницы объявления (assets/css/podryad-single.css)
 * НАПРЯМУЮ, и весь раздел podryad (/podryad/, /lk/, модалки) КОСВЕННО —
 * podryad-common.css мостит старую палитру --pc-* на var(--c-*) внутри
 * body.podryad-section (блок «1b. Мост на брендовые токены» в
 * podryad-common.css, Task 6 фундамента + docs/decisions.md). Явная
 * зависимость podryad-common → podryad-tokens объявлена в enqueue
 * (FrontendLoader, AccountLoader).
 */

/* Шрифты: self-hosted вариативные (бриф §5 — без Google Fonts CDN). */
/* @font-face обоих семейств уехали 2026-08-17 в podryad-fonts.css: тот файл
   подключается на ВЕСЬ САЙТ, а этот — только в разделе. После того как из темы
   убрали `@import` Google Fonts, объявлять Manrope стало некому на страницах
   вне раздела. Здесь остаются только токены. */

:root {
  /* ---- Поверхности ---- */
  --c-bg: oklch(0.98 0.005 255);
  --c-bg-tint: oklch(0.945 0.02 252);
  --c-grid-line: oklch(0.88 0.025 252 / 0.28);
  --c-surface: #fff;
  --c-surface-muted: oklch(0.93 0.022 252);
  --c-border: oklch(0.92 0.014 255);
  --c-divider: oklch(0.88 0.015 255);

  /* ---- Текст ---- */
  --c-ink: oklch(0.23 0.09 258);
  --c-ink-strong: oklch(0.25 0.08 258);
  --c-text: oklch(0.3 0.06 258);
  --c-text-muted: oklch(0.43 0.045 256);
  --c-text-soft: oklch(0.55 0.03 258);
  --c-text-faint: oklch(0.5 0.03 256);

  /* ---- Ссылки и акценты ---- */
  --c-link: oklch(0.4 0.13 256);
  --c-link-hover: oklch(0.3 0.11 258);
  --c-primary: oklch(0.4 0.145 256);
  --c-primary-shadow: oklch(0.4 0.145 256 / 0.35);
  --c-primary-on-navy: oklch(0.5 0.16 254);
  --c-accent: oklch(0.5 0.13 250);
  --c-accent-info: #378ADD;

  /* ---- Navy-панели ---- */
  --c-navy: oklch(0.24 0.08 258);
  --c-navy-raise: oklch(0.3 0.07 258);
  --c-navy-deep: oklch(0.26 0.075 258);
  --c-navy-chip: oklch(0.33 0.08 256);
  --c-navy-num: oklch(0.34 0.08 258);      /* квадрат номера шага */
  --c-navy-num-ink: oklch(0.85 0.06 245);
  --c-navy-border: oklch(0.4 0.08 258);    /* рамка кнопки ЛК в шапке */
  --c-navy-line: oklch(0.45 0.07 256);     /* пунктир-стрелки между шагами */
  --c-on-navy: #fff;
  --c-on-navy-muted: oklch(0.75 0.04 255);
  --c-on-navy-soft: oklch(0.72 0.04 255);
  --c-on-navy-faint: oklch(0.65 0.04 255);
  --c-on-navy-lead: oklch(0.78 0.06 252);  /* подводка hero портала (Next) */
  --c-nav-link: oklch(0.85 0.04 252);      /* пункты меню шапки */
  --c-accent-on-navy: oklch(0.75 0.08 252); /* акцентная часть вордмарка на navy */

  /* ---- Меню направлений (хендофф design_handoff_napravleniya) ---- */
  --c-navy-open: oklch(0.38 0.09 258);          /* кнопка «Направления», открыта */
  --c-navy-sub: oklch(0.21 0.075 258);          /* 2-я строка шапки, меню направления */
  --c-on-navy-label: oklch(0.78 0.04 252);      /* подпись текущего направления */
  --c-menu-item-current-bg: oklch(0.97 0.02 250);
  --c-menu-item-current-bg-hover: oklch(0.955 0.03 250);
  --c-menu-item-hover: oklch(0.96 0.012 255);
  --c-menu-item-soon-hover: oklch(0.975 0.003 255);
  --c-menu-item-soon: oklch(0.62 0.02 258);     /* текст закрытого пункта */
  --c-menu-group: oklch(0.66 0.02 258);         /* заголовок группы «СКОРО» */
  --c-chip-soon-bg: oklch(0.965 0.004 255);
  --c-chip-soon-fg: oklch(0.68 0.02 258);
  --c-chip-soon-fg-hover: oklch(0.6 0.02 258);
  --c-sheet-handle: oklch(0.88 0.01 255);
  --c-sheet-scrim: rgba(6, 16, 45, 0.5);
  --c-chevron-mobile: oklch(0.8 0.05 252);

  /* ---- Подвал ---- */
  --c-footer-bg: oklch(0.17 0.055 258);
  --c-footer-link: oklch(0.78 0.05 250);
  /* 0.55 → 0.59 ради AA 4.5:1 на --c-footer-bg (заголовок колонки подвала —
     12px bold, мелкий текст). Правка сделана в источнике podryad-web. */
  --c-footer-heading: oklch(0.59 0.04 258);
  --c-footer-muted: oklch(0.6 0.04 258);
  --c-footer-border: oklch(0.26 0.05 260);

  /* Верхняя грань нижней панели навигации. Отдельно от --c-footer-border,
     хотя фон у них общий: та даёт против заливки 1.23 — на панели грань не
     читалась вовсе. Эта светлее ровно настолько, чтобы линия читалась (1.70; на 0.33 было 1.57 —
     владелец попросил заметнее),
     и остаётся в тоне палитры (258, как сама заливка). Заведена 2026-09-01;
     до неё тут стоял нейтрально-серый литерал #353535 с тем же контрастом —
     он выбивался из синеватой палитры. */
  --c-tabbar-border: oklch(0.35 0.045 258);

  /* ---- Живая лента ---- */
  --c-live-dot: oklch(0.65 0.17 150);
  --c-live-text: oklch(0.5 0.12 150);

  /* ---- Telegram-мокап ---- */
  --c-tg-avatar: oklch(0.6 0.13 240);
  --c-tg-online: oklch(0.7 0.09 230);
  --c-tg-accent: oklch(0.78 0.07 240);
  --c-tg-chip-ink: oklch(0.75 0.1 240);

  /* ---- Статусы ---- */
  --c-badge-fresh-bg: oklch(0.93 0.035 250);
  --c-badge-fresh-fg: oklch(0.45 0.12 252);
  --c-badge-green-bg: oklch(0.95 0.05 150);
  --c-badge-green-fg: oklch(0.52 0.12 150);
  /* Светлота трёх fg опущена на 0.01–0.03 против прежних значений ради AA
     4.5:1 при кегле бейджа 12px (замер 2026-08-11). Правка сделана в
     источнике правды podryad-web/app/styles/tokens.css, здесь — копия;
     разбор — docs/decisions.md. */
  --c-badge-orange-bg: oklch(0.95 0.05 70);
  --c-badge-orange-fg: oklch(0.54 0.14 55);
  --c-badge-red-bg: oklch(0.95 0.04 25);
  --c-badge-red-fg: oklch(0.54 0.16 25);
  --c-badge-dead-bg: oklch(0.94 0.005 255);
  --c-badge-dead-fg: oklch(0.52 0.02 258);
  --c-tag-bg: oklch(0.95 0.015 252);
  --c-tag-fg: oklch(0.42 0.06 256);

  /* ---- Типографика ----
     Отличие от podryad-web: там семейство подставляет next/font через
     --font-manrope / --font-onest. Здесь шрифты объявлены @font-face
     выше, поэтому имена указываются напрямую. */
  --font-heading: 'Manrope', system-ui, sans-serif;
  --font-body: 'Onest', system-ui, sans-serif;

  /* ---- Радиусы ---- */
  --r-sm: 10px;
  --r-md: 12px;
  --r-lg: 14px;
  --r-xl: 16px;
  --r-2xl: 20px;
  --r-pill: 99px;

  /* ---- Тени ---- */
  --shadow-header: 0 10px 30px rgba(15, 30, 80, 0.16);
  --shadow-card: 0 2px 12px rgba(15, 30, 80, 0.07);
  --shadow-panel: 0 12px 36px rgba(15, 30, 80, 0.22);
  --shadow-btn: 0 6px 18px var(--c-primary-shadow);
  --shadow-menu: 0 24px 52px rgba(8, 20, 60, 0.28);
  --shadow-sheet: 0 -12px 40px rgba(6, 16, 45, 0.28);

  /* ---- Сетка ---- */
  --container-max: 1348px;
  --container-pad: 20px;

  /* ---- Вертикальный ритм секций ----
     Зеркало имени из podryad-web (`app/styles/tokens.css`); в разделе WP пока
     не применяется — секции темы держат свои числа. */
  --section-pad-y: 56px;
}

@media (min-width: 720px) {
  :root {
    --container-pad: 24px;
  }
}

@media (min-width: 768px) {
  :root {
    --section-pad-y: 72px;
  }
}
