/* CORVANTA VARDAQ · shared cyan identity · 27 October 2026. */
:root {
  --vq-midnight: #0b1220;
  --vq-royal: #0066ff;
  --vq-cyan: #00d5ff;
  --vq-steel: #2a3a4a;
  --vq-pearl: #f5f7fa;
  --vq-warning: #ffb300;
  --vq-critical: #ff686b;
  --vq-ink: #0b1220;
  --vq-surface: #111e2f;
  --vq-raised: #18283b;
  --vq-text: #f5f7fa;
  --vq-muted: #b9c8d9;
  --vq-line: #3d536b;
  --vq-chrome: linear-gradient(110deg, #6c7b88, #edf3f8 24%, #8293a2 49%, #f9fbfd 72%, #677987);
  --vq-glass: linear-gradient(135deg, rgb(23 41 59 / 97%), rgb(12 24 39 / 98%));
  --vq-pearl-surface: linear-gradient(140deg, #fff 5%, #f5f7fa 55%, #e8eef5);
  --vq-font: Inter, "Segoe UI", Arial, sans-serif;
  --vq-radius-control: .625rem;
  --vq-radius-card: 1.25rem;
  --vq-radius-panel: 1.75rem;
  --vq-space-section: clamp(4.5rem, 8vw, 7.5rem);
  --vq-gutter: clamp(1.25rem, 4.5vw, 4.5rem);
  --vq-content: 82rem;
  --vq-shadow-glass: 0 22px 64px rgb(0 4 13 / 22%), inset 0 1px 0 rgb(236 246 255 / 11%);
  --vq-shadow-pearl: 0 18px 42px rgb(25 48 76 / 8%), inset 0 1px 0 #fff;
  --vq-duration-fast: 140ms;
  --vq-duration-normal: 240ms;
  --vq-duration-reveal: 550ms;
  --vq-ease: cubic-bezier(.2, .7, .2, 1);
}
@media (prefers-reduced-motion: reduce) {
  :root { --vq-duration-fast: 0ms; --vq-duration-normal: 0ms; --vq-duration-reveal: 0ms; }
  html { scroll-behavior: auto !important; }
}