:root {
  --qv-color-ink: #101820;
  --qv-color-steel-900: #18242c;
  --qv-color-steel-700: #3f4b54;
  --qv-color-steel-300: #cbd4d9;
  --qv-color-steel-100: #eef3f5;
  --qv-color-inox: #d4d9db;
  --qv-color-canvas: #f8fafb;
  --qv-color-surface: #ffffff;
  --qv-color-brand: #df0a14;
  --qv-color-brand-dark: #941016;
  --qv-color-brand-soft: #f7e4e6;
  --qv-color-accent: #006b2c;
  --qv-color-accent-dark: #005b2d;
  --qv-color-accent-soft: #dceee5;
  --qv-color-signal: var(--qv-color-brand);
  --qv-color-focus: #22a6c7;
  --qv-color-night: #101820;

  --qv-font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --qv-font-display: var(--qv-font-sans);

  --qv-space-1: 0.25rem;
  --qv-space-2: 0.5rem;
  --qv-space-3: 0.75rem;
  --qv-space-4: 1rem;
  --qv-space-6: 1.5rem;
  --qv-space-8: 2rem;
  --qv-space-12: 3rem;
  --qv-space-16: 4rem;
  --qv-space-24: 6rem;
  --qv-space-32: 8rem;

  --qv-radius-sm: 0.25rem;
  --qv-radius-md: 0.5rem;
  --qv-content-wide: 90rem;
  --qv-content-copy: 46rem;
  --qv-shadow-card: 0 1.5rem 4rem rgb(16 24 32 / 10%);
  --qv-container: min(92rem, calc(100% - clamp(2rem, 8vw, 8rem)));
  --qv-header-height: 5.5rem;
  --qv-header-height-compact: 4.5rem;
  --qv-transition-fast: 180ms ease;
  --qv-transition-base: 320ms cubic-bezier(0.22, 1, 0.36, 1);
  --qv-z-header: 100;
  --qv-z-menu: 90;
}