/* CreativeLaunch AI — base styles layered on top of Tailwind (CDN).
   For production, compile Tailwind locally and tighten the CSP (see
   docs/SECURITY_CHECKLIST.md). */

:root {
  --brand-navy: #0a0f1f;
  --brand-violet: #7c5cff;
  --brand-cyan: #22d3ee;
}

html { scroll-behavior: smooth; }

/* Visible focus ring for keyboard users (accessibility). */
:focus-visible {
  outline: 2px solid var(--brand-cyan);
  outline-offset: 2px;
  border-radius: 6px;
}

/* Respect reduced-motion preference. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* Slim dark scrollbars. */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.2); }

/* Glass card helper. */
.glass {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  backdrop-filter: blur(12px);
}