/**
 * SKMTO — surfaces publiques (marketing, légal, PWA hors bundle).
 * Complète :root de l’app ; les pages React (PublicLayout) peuvent surcharger.
 * Ne pas dupliquer la logique métier ici — uniquement tokens visuels partagés.
 */
:root {
  --pub-bg-deep: #09090b;
  --pub-bg-surface: #0f0f12;
  --pub-border-subtle: rgba(255, 255, 255, 0.06);
  --pub-text-primary: #fafafa;
  --pub-text-muted: #a1a1aa;
  --pub-text-faint: #52525b;
  --pub-accent: #00bf63;
  --pub-accent-soft: color-mix(in srgb, var(--pub-accent) 35%, transparent);
  --pub-font-sans: "Inter", "DM Sans", system-ui, -apple-system, sans-serif;
  --pub-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --pub-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --pub-ease-in-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --pub-radius-pill: 999px;
  --pub-focus-ring: 0 0 0 2px var(--pub-bg-deep), 0 0 0 4px color-mix(in srgb, var(--pub-accent) 55%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --pub-motion-duration-factor: 0.01;
  }
}