/*
 * PsyberCorp shared design foundation.
 * Page styles remain authoritative while the site is migrated incrementally.
 */
:root {
  --pci-color-cyan: #00ffea;
  --pci-color-cyan-soft: rgba(0, 255, 234, 0.14);
  --pci-color-background: #030608;
  --pci-color-panel: rgba(2, 12, 16, 0.92);
  --pci-color-danger: #ff3158;
  --pci-color-success: #52ff8f;
  --pci-font-display: "Orbitron", sans-serif;
  --pci-font-interface: "Electrolize", sans-serif;
  --pci-radius-small: 4px;
  --pci-radius-medium: 10px;
  --pci-glow-cyan: 0 0 18px rgba(0, 255, 234, 0.28);
}

/* A consistent keyboard focus treatment across all consoles. */
:where(a, button, input, select, textarea):focus-visible {
  outline: 2px solid var(--pci-color-cyan);
  outline-offset: 3px;
}

/* Respect operating-system motion preferences without changing normal visuals. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}