/* pp-tokens — Figma ebwP3IFQifJoV8iCexdSkQ, 2026-08-26.
   Єдине місце, де оголошуються кольори публічної частини.
   Кабінетні токени (assets/css/tokens.css) — окрема система, не зшивати. */
:root {
  /* Colour */
  --pp-black: #001428;
  --pp-black-50: #808993;   /* 3.55 на білому — ТІЛЬКИ заливки/бордери, не текст */
  --pp-black-10: #e5e7e9;
  --pp-ink-muted: #3d4c5d;  /* AA-безпечна заміна black-50 для тексту, 8.79 */
  --pp-blue: #1455f5;
  --pp-blue-50: #89aafa;    /* 2.28 — тільки декор */
  --pp-blue-soft: #e7eefe;  /* hover рядка пошуку */
  --pp-yellow: #f57914;     /* 2.75 — тільки заливки/іконки */
  --pp-back: #f5f5fc;
  --pp-deepest-blue: #111537;
  --pp-white: #fff;

  /* Surfaces */
  --pp-header-bg: rgba(245, 245, 252, 0.5);
  --pp-header-bg-mobile: rgba(255, 255, 255, 0.5);
  --pp-scrim: rgba(0, 20, 40, 0.4);

  /* Typography */
  --pp-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Metrics */
  --pp-header-h: 88px;
  --pp-header-h-mobile: 40px;
  /* Колонка контенту з макета: 1440 − 96×2 = 1248 і 375 − 20×2 = 335.
     Одна пара значень дає обидва брейкпоінти: max-width 1288 + padding 20. */
  --pp-container: 1248px;
  --pp-gutter: 20px;
  --pp-radius-pill: 34px;
  --pp-radius-card: 16px;

  /* Shadows */
  --pp-shadow-card: 0 4px 4px rgba(20, 85, 245, 0.2);
  --pp-shadow-2:
    0 1px 2px rgba(31, 41, 51, 0.06),
    0 3px 6px rgba(31, 41, 51, 0.08),
    0 0 2px rgba(31, 41, 51, 0.08);
}