/* Quect PaaS v1. Isolado do DESIGN_SYSTEM.md legado. */
:root {
  --q-bg: #101112;
  --q-surface: #17191B;
  --q-surface-raised: #212427;
  --q-text: #EFF3F8;
  --q-muted: #ABB2BA;
  --q-accent: #B6EF7A;
  --q-accent-hover: #CDF7A5;
  --q-on-accent: #101112;
  --q-info: #63CED6;
  --q-warning: #F4BC6A;
  --q-danger: #FF8F9B;
  --q-focus: #63CED6;
  --q-font: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --q-font-display: "Sora", ui-sans-serif, system-ui, sans-serif;
  --q-font-code: ui-monospace, SFMono-Regular, Consolas, monospace;
  --q-display: clamp(2.75rem, 6vw, 6.5rem);
  --q-title: clamp(1.75rem, 3vw, 3rem);
  --q-subtitle: 1.25rem;
  --q-body: 1rem;
  --q-small: .875rem;
  --q-control-radius: 8px;
  --q-panel-radius: 16px;
  --q-feedback: 140ms;
  --q-enter: 260ms;
  --q-space-1: 4px; --q-space-2: 8px; --q-space-3: 12px;
  --q-space-4: 16px; --q-space-6: 24px; --q-space-8: 32px;
  --q-space-12: 48px; --q-space-16: 64px; --q-space-24: 96px;
}
:focus-visible { outline: 3px solid var(--q-focus); outline-offset: 4px; }
::selection { background: var(--q-accent); color: var(--q-on-accent); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}