:root {
  /* @boog-ui-start */
  /* ── Neutral ramp (slate) ─────────────────────── */
  --slate-50:#f6f8fb; --slate-100:#eef1f6; --slate-200:#e4e8ef;
  --slate-300:#cbd3e0; --slate-400:#94a1b8; --slate-500:#64748b;
  --slate-600:#475569; --slate-700:#334155; --slate-800:#1e293b; --slate-900:#0f172a;
  /* ── Brand (indigo) ───────────────────────────── */
  --indigo-50:#eef0ff; --indigo-100:#e0e3ff; --indigo-400:#7b7ef0;
  --indigo-500:#5b5de9; --indigo-600:#4a4cd6; --indigo-700:#3d3fb8;
  /* ── Semantic color roles ─────────────────────── */
  --color-bg: var(--slate-50);
  --color-surface:#ffffff;
  --color-surface-2: var(--slate-100);
  --color-border: var(--slate-200);
  --color-text: var(--slate-900);
  --color-muted: var(--slate-500);
  --color-accent: var(--indigo-500);
  --color-accent-hover: var(--indigo-600);
  --color-accent-active: var(--indigo-700);
  --color-accent-weak: var(--indigo-50);
  --color-on-accent:#ffffff;
  --color-on-inverse:#ffffff;
  --color-success:#16a34a; --color-success-weak:#e7f6ec;
  --color-warning:#d97706; --color-warning-weak:#fdf1e3;
  --color-danger:#dc2626;  --color-danger-weak:#fdecec;
  --color-info:#2563eb;    --color-info-weak:#e8f0fe;
  --color-purple:#7c3aed;  --color-purple-weak:#f1ebfe;
  /* ── Spacing (4px base) ───────────────────────── */
  --space-05:2px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --space-12:48px; --space-16:64px;
  /* ── Radius ───────────────────────────────────── */
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; --radius-pill:999px;
  /* ── Elevation ────────────────────────────────── */
  --elev-1:0 1px 2px rgba(15,23,42,.06);
  --elev-2:0 4px 12px rgba(15,23,42,.08);
  --elev-3:0 12px 28px rgba(15,23,42,.12);
  --elev-4:0 24px 48px rgba(15,23,42,.16);
  /* ── Sizes (control-internal) ─────────────────── */
  --size-thumb:16px; --border-thick:2px; --size-icon:18px;
  --size-badge-sm:26px; --size-badge-round:30px;
  --size-icon-wm:150px; --size-qr-box:78px; --size-icon-qr:50px;
  /* ── Poster (постер-афиша мероприятия) ────────── */
  --poster-cover-min-h:140px;
  --poster-cover-test: linear-gradient(135deg, oklch(0.56 0.16 305) 0%, oklch(0.46 0.15 300) 100%);
  --poster-cover-learn: linear-gradient(135deg, oklch(0.55 0.15 235) 0%, oklch(0.44 0.14 232) 100%);
  --poster-scrim-chip: oklch(1 0 0 / .9);
  --poster-scrim-stage: oklch(0 0 0 / .28);
  --poster-sub-color: oklch(1 0 0 / .92);
  --poster-title-shadow: 0 1px 8px oklch(0 0 0 / .25);
  --poster-sub-shadow: 0 1px 6px oklch(0 0 0 / .25);
  --poster-wm-offset-x: -14px; --poster-wm-offset-y: -28px;
  /* ── Typography ───────────────────────────────── */
  --font-display: 'Akrobat', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: 'Roboto', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --text-xs:12px; --text-sm:13px; --text-md:14px; --text-lg:16px; --text-xl:20px; --text-2xl:28px;
  --leading-tight:1.2; --leading-normal:1.5;
  /* ── State layers & focus ─────────────────────── */
  --state-hover: rgba(15,23,42,.06);
  --state-active: rgba(15,23,42,.12);
  --focus-ring: 0 0 0 3px rgba(91,93,233,.35);
  /* ── Motion ───────────────────────────────────── */
  --motion-fast:120ms; --motion-base:200ms; --ease-standard: cubic-bezier(.2,0,0,1);
  /* @boog-ui-end */
  /* ── Бренд-логотип BOOG (фиксированные цвета/размеры, не зависят от темы) ── */
  --brand-logo-blue:#6669ee; --brand-logo-red:#ef6d83; --brand-logo-ink:#5b5de9;
  --brand-logo-size:34px; --brand-logo-pad:6px; --brand-logo-font:10px;
  --brand-logo-ring:1.5px; --brand-logo-blur:1.1px;
}