: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-canvas: #f8fafb;
  --qv-color-surface: #ffffff;
  --qv-color-brand: #c9161d;
  --qv-color-brand-dark: #941016;
  --qv-color-focus: #77cadd;

  --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-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%);
}