/* ============================================================
   Партнёры Безопасного Офиса · Design Tokens v1.0 · 25.09.2026
   Один источник значений для сайта, кабинета, писем и документов.
   Именование: --p-<группа>-<роль>[-<модификатор>]
   ============================================================ */
:root{
  /* ---------- Примитивы: цвет ---------- */
  --p-white:#FFFFFF;
  --p-ink:#141722;          /* основной текст */
  --p-gray-700:#3D4354;
  --p-gray-500:#606574;     /* второстепенный текст */
  --p-gray-300:#9AA0AE;     /* плейсхолдер, disabled text */
  --p-gray-200:#DFE3EC;     /* линии */
  --p-gray-100:#EEF1F6;
  --p-paper:#F8F9FB;        /* фон секций */
  --p-navy-900:#0A0929;
  --p-navy-800:#0D0C36;     /* тёмный БО */
  --p-navy-700:#151446;
  --p-navy-600:#1E1D5C;
  --p-blue-700:#123CB5;     /* active */
  --p-blue-600:#1748D4;     /* hover */
  --p-blue-500:#1F5BFF;     /* акцент */
  --p-blue-300:#6EA8FF;     /* акцент на тёмном */
  --p-blue-100:#EEF3FF;     /* мягкий фон акцента */
  --p-violet-600:#6A2FD6;
  --p-violet-500:#7C3AED;   /* амбассадор */
  --p-violet-300:#C4B5FD;
  --p-violet-100:#F3EEFF;
  --p-green-600:#15803D;
  --p-green-100:#F0FDF4;
  --p-amber-700:#854D0E;
  --p-amber-100:#FEFCE8;
  --p-red-600:#B42318;
  --p-red-100:#FEF3F2;
  --p-red-brand:#D71920;    /* только тревожная кнопка и знак prau */

  /* ---------- Семантика: цвет ---------- */
  --p-color-accent:var(--p-blue-500);
  --p-color-accent-hover:var(--p-blue-600);
  --p-color-accent-active:var(--p-blue-700);
  --p-color-accent-soft:var(--p-blue-100);
  --p-color-accent-on-dark:var(--p-blue-300);
  --p-color-tier3:var(--p-violet-500);
  --p-color-tier3-soft:var(--p-violet-100);
  --p-color-text:var(--p-ink);
  --p-color-text-secondary:var(--p-gray-500);
  --p-color-text-muted:var(--p-gray-300);
  --p-color-text-inverse:var(--p-white);
  --p-color-text-inverse-secondary:#B9C3DD;
  --p-color-bg:var(--p-white);
  --p-color-bg-section:var(--p-paper);
  --p-color-bg-dark:var(--p-navy-800);
  --p-color-bg-dark-2:var(--p-navy-700);
  --p-color-border:var(--p-gray-200);
  --p-color-border-strong:var(--p-gray-300);
  --p-color-border-on-dark:rgba(255,255,255,.14);
  --p-color-success:var(--p-green-600);
  --p-color-success-soft:var(--p-green-100);
  --p-color-warning:var(--p-amber-700);
  --p-color-warning-soft:var(--p-amber-100);
  --p-color-error:var(--p-red-600);
  --p-color-error-soft:var(--p-red-100);
  --p-color-alarm:var(--p-red-brand);
  --p-color-focus:var(--p-blue-500);
  --p-gradient-energy:linear-gradient(90deg,#1F5BFF 0%,#5B4DF5 55%,#7C3AED 100%);
  --p-gradient-dark:linear-gradient(155deg,#0A0929 0%,#0D0C36 60%,#151446 100%);

  /* ---------- Типографика ---------- */
  --p-font:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --p-font-mono:ui-monospace,"JetBrains Mono",Menlo,monospace;
  --p-fs-display:56px; --p-lh-display:60px;   /* hero */
  --p-fs-h1:40px;      --p-lh-h1:44px;
  --p-fs-h2:32px;      --p-lh-h2:38px;
  --p-fs-h3:24px;      --p-lh-h3:30px;
  --p-fs-h4:20px;      --p-lh-h4:26px;
  --p-fs-lead:18px;    --p-lh-lead:28px;
  --p-fs-body:16px;    --p-lh-body:24px;
  --p-fs-small:14px;   --p-lh-small:20px;
  --p-fs-caption:12px; --p-lh-caption:16px;
  --p-fs-kicker:12px;  --p-ls-kicker:.14em;
  --p-fw-regular:400; --p-fw-medium:500; --p-fw-semibold:600; --p-fw-bold:700; --p-fw-black:800;
  --p-ls-tight:-.02em; --p-ls-tighter:-.04em;

  /* ---------- Отступы (шаг 4) ---------- */
  --p-sp-1:4px; --p-sp-2:8px; --p-sp-3:12px; --p-sp-4:16px; --p-sp-5:20px; --p-sp-6:24px;
  --p-sp-8:32px; --p-sp-10:40px; --p-sp-12:48px; --p-sp-16:64px; --p-sp-20:80px; --p-sp-24:96px;

  /* ---------- Радиусы ---------- */
  --p-r-xs:6px; --p-r-sm:8px; --p-r-md:12px; --p-r-lg:16px; --p-r-xl:20px; --p-r-2xl:24px; --p-r-pill:999px;

  /* ---------- Тени (только цветные и только на тёмном или для акцента) ---------- */
  --p-shadow-card:0 10px 30px -18px rgba(13,12,54,.25);
  --p-shadow-card-hover:0 30px 60px -30px rgba(13,12,54,.35);
  --p-shadow-accent:0 12px 40px -10px rgba(31,91,255,.6);
  --p-shadow-tier3:0 12px 40px -10px rgba(124,58,237,.6);
  --p-shadow-modal:0 40px 80px -30px rgba(10,9,41,.6);

  /* ---------- Сетка ---------- */
  --p-container:1180px; --p-container-narrow:760px; --p-gutter:24px;
  --p-bp-sm:480px; --p-bp-md:768px; --p-bp-lg:1024px; --p-bp-xl:1280px;

  /* ---------- Движение ---------- */
  --p-dur-fast:120ms;     /* hover, цвет */
  --p-dur-base:200ms;     /* кнопки, ссылки, поля */
  --p-dur-slow:320ms;     /* карточки, панели */
  --p-dur-enter:480ms;    /* появление при скролле */
  --p-dur-count:1400ms;   /* счётчики */
  --p-ease-standard:cubic-bezier(.2,.0,.0,1);
  --p-ease-out:cubic-bezier(.16,1,.3,1);
  --p-ease-in:cubic-bezier(.7,0,.84,0);
  --p-ease-spring:cubic-bezier(.34,1.56,.64,1);

  /* ---------- Иконки ---------- */
  --p-icon-md:24px; --p-icon-sm:16px; --p-icon-stroke:1.75;

  /* ---------- Размеры контролов ---------- */
  --p-control-h-sm:36px; --p-control-h-md:44px; --p-control-h-lg:52px;
  --p-tap-min:44px;
}
@media (prefers-reduced-motion:reduce){
  :root{--p-dur-fast:0ms;--p-dur-base:0ms;--p-dur-slow:0ms;--p-dur-enter:0ms;--p-dur-count:0ms}
}