/* Privatka brand tokens — shared by public pages (landing, faq, auth, legal).
   Tokens only. Keep names stable: other stylesheets depend on them. */
:root {
  /* Brand blue (matches logo-mark.svg) */
  --brand-400: #5B8CFF;
  --brand-500: #2F6BFF;
  --brand-600: #2456E0;
  --brand-tint: rgba(47, 107, 255, .14);

  /* Radii */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* Focus */
  --focus-ring: 2px solid var(--brand-400);
  --focus-offset: 2px;
}

/* Opt-in focus helper */
.focus-ring:focus-visible,
.brand-focus :focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-offset);
}