/* OCEANSING | Colores y estilos globales. Modo negro único. */
:root {
  color-scheme: dark;
  --aq-background: #000000;
  --aq-text: #f5f5f5;
  --aq-muted: rgba(245,245,245,.58);
  --aq-focus: #ffffff;
  --aq-header-height: 96px;
  --aq-panel: rgba(20,20,21,.60);
  --aq-menu-card: rgba(33,33,35,.54);
  --aq-dialog-bg: rgba(24,24,26,.63);
  --aq-grid-line: #25242a;
}
*, *::before, *::after { box-sizing: border-box; }
html { min-height: 100%; background: #000; scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background: #000;
  color: var(--aq-text);
  font-family: Arial, Helvetica, sans-serif;
}
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
button:focus-visible, a:focus-visible {
  outline: 2px solid var(--aq-focus);
  outline-offset: 3px;
}
main { min-height: 100svh; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }