:root {
  --pv2-color-bg: #07111f;
  --pv2-color-bg-soft: #0c1a2d;
  --pv2-color-surface: rgba(28, 55, 86, 0.78);
  --pv2-color-surface-solid: #193450;
  --pv2-color-surface-soft: rgba(15, 34, 56, 0.88);
  --pv2-color-border: rgba(102, 142, 180, 0.25);
  --pv2-color-border-strong: rgba(115, 236, 208, 0.38);

  --pv2-color-text: #f8fbff;
  --pv2-color-text-muted: #9fb2cb;
  --pv2-color-text-soft: #7690ad;

  --pv2-color-navy: #142842;
  --pv2-color-navy-900: #06101e;
  --pv2-color-green: #2fd6ba;
  --pv2-color-green-dark: #18aa94;
  --pv2-color-green-soft: rgba(47, 214, 186, 0.14);
  --pv2-color-teal: #74ecd0;
  --pv2-color-teal-soft: rgba(116, 236, 208, 0.12);
  --pv2-color-amber: #ffd06f;
  --pv2-color-amber-soft: rgba(255, 208, 111, 0.13);
  --pv2-color-red: #ff8b8b;
  --pv2-color-red-soft: rgba(255, 139, 139, 0.14);

  --pv2-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --pv2-text-display: clamp(2.25rem, 4.2vw, 3.5rem);
  --pv2-text-h1: clamp(2rem, 3.8vw, 3.25rem);
  --pv2-text-h2: clamp(1.55rem, 2.6vw, 2.25rem);
  --pv2-text-h3: clamp(1.1rem, 1.65vw, 1.35rem);
  --pv2-text-body-lg: clamp(1rem, 1.25vw, 1.18rem);
  --pv2-text-body: 1rem;
  --pv2-text-small: 0.875rem;
  --pv2-text-micro: 0.75rem;

  --pv2-space-1: 0.25rem;
  --pv2-space-2: 0.5rem;
  --pv2-space-3: 0.75rem;
  --pv2-space-4: 1rem;
  --pv2-space-5: 1.25rem;
  --pv2-space-6: 1.5rem;
  --pv2-space-8: 2rem;
  --pv2-space-10: 2.5rem;
  --pv2-space-12: 3rem;
  --pv2-space-16: 4rem;

  --pv2-radius-sm: 0.5rem;
  --pv2-radius-md: 0.75rem;
  --pv2-radius-lg: 1rem;
  --pv2-radius-xl: 1.25rem;
  --pv2-radius-2xl: 1.5rem;
  --pv2-radius-3xl: 2rem;
  --pv2-radius-full: 999px;

  --pv2-shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.18);
  --pv2-shadow-md: 0 22px 56px rgba(0, 0, 0, 0.28);
  --pv2-shadow-lg: 0 34px 90px rgba(0, 0, 0, 0.38);
  --pv2-shadow-glow: 0 0 44px rgba(47, 214, 186, 0.18);
  --pv2-shadow-focus: 0 0 0 4px rgba(47, 214, 186, 0.22);

  --pv2-motion-fast: 150ms;
  --pv2-motion-base: 220ms;
  --pv2-motion-slow: 320ms;
  --pv2-ease: cubic-bezier(0.2, 0, 0, 1);

  --pv2-max-width: 1320px;
  --pv2-reading-width: 760px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --pv2-motion-fast: 0ms;
    --pv2-motion-base: 0ms;
    --pv2-motion-slow: 0ms;
  }
}