:root {
  --cq-color-navy: #0b1f36;
  --cq-color-ivory: #f4f0e7;
  --cq-color-graphite: #18222e;
  --cq-color-gold: #d89a2b;
  --cq-color-red: #c6422e;
  --cq-color-steel: #527a9b;
  --cq-color-line: rgb(24 34 46 / 20%);
  --cq-font-body: Arial, Helvetica, sans-serif;
  --cq-font-display: "Arial Narrow", "Aptos Narrow", Arial, sans-serif;
  --cq-rail-width: clamp(15.5rem, 19vw, 18.5rem);
  --cq-mobile-bar-height: 4.5rem;
  --cq-content-gutter: clamp(1.25rem, 4vw, 5rem);
  --cq-content-width: 47.5rem;
  --cq-focus-ring: 0 0 0 3px var(--cq-color-ivory), 0 0 0 6px var(--cq-color-gold);
}