/*
 * Pull People Frontend V2 — Foundation visual
 * Scope: only elements explicitly carrying .pp-v2-scope.
 * No external dependencies, no tracking, no storage, no WebGL.
 */

.pp-v2-scope {
  --pp-v2-space-1: 0.5rem;
  --pp-v2-space-2: 1rem;
  --pp-v2-space-3: 1.5rem;
  --pp-v2-space-4: 2rem;
  --pp-v2-space-5: 3rem;

  --pp-v2-bg-0: #02060d;
  --pp-v2-bg-1: #04101f;
  --pp-v2-navy: #071a33;
  --pp-v2-cobalt: #145dff;
  --pp-v2-blue: #2f8cff;
  --pp-v2-blue-bright: #64b7ff;
  --pp-v2-ice: #dff4ff;
  --pp-v2-text: #f5f9ff;
  --pp-v2-muted: #afc2d9;

  --pp-v2-glass-soft: rgba(8, 25, 51, 0.46);
  --pp-v2-glass-deep: rgba(2, 10, 24, 0.66);
  --pp-v2-edge-soft: rgba(132, 196, 255, 0.24);
  --pp-v2-edge-bright: rgba(203, 238, 255, 0.62);
  --pp-v2-focus: #8dd4ff;

  --pp-v2-radius-md: 1rem;
  --pp-v2-radius-lg: 1.5rem;
  --pp-v2-radius-xl: 2rem;
  --pp-v2-radius-pill: 999px;

  --pp-v2-shadow-soft:
    0 1.25rem 3.25rem rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --pp-v2-shadow-liquid:
    0 1.6rem 4rem rgba(0, 0, 0, 0.34),
    0 0 2.4rem rgba(41, 125, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(66, 161, 255, 0.1);

  --pp-v2-ease-out: cubic-bezier(0.2, 0.72, 0.24, 1);
  --pp-v2-duration-fast: 180ms;
  --pp-v2-duration-medium: 360ms;
}

.pp-v2-scope :focus-visible {
  outline-color: var(--pp-v2-focus);
  outline-offset: 3px;
}

@media (prefers-reduced-transparency: reduce) {
  .pp-v2-scope {
    --pp-v2-glass-soft: rgba(7, 21, 41, 0.94);
    --pp-v2-glass-deep: rgba(2, 9, 21, 0.98);
  }
}