:root {
  /* The renderer loads the approved font files or hosted font stylesheet.
     Keep this token file deterministic and dependency-free. */
  --aq-font-display: 'Manrope', Arial, sans-serif;
  --aq-font-body: 'Source Sans 3', Arial, sans-serif;
  --aq-navy: #1e2b3c;
  --aq-navy-soft: #2a3a50;
  --aq-ink: #2b3440;
  --aq-ink-soft: #4a5260;
  --aq-paper: #faf9f5;
  --aq-sand: #f5f0e8;
  --aq-white: #ffffff;
  --aq-orange: #e9a23b;
  --aq-terracotta: #b5573a;
  --aq-terracotta-soft: #f8e7e1;
  --aq-blue-soft: #e8ecf2;
  --aq-green-soft: #e6ede8;
  --aq-yellow-soft: #fbf0d9;
  --aq-slate-soft: #eceef1;
  --aq-muted-on-dark: #c9d1dc;
  --aq-hero-lead: #e4e8ef;
  --aq-green-ink: #4f6b57;
  --aq-slate-ink: #5b6572;
  --aq-placeholder-text: #7a8089;
  --aq-footer-line: #3a4a60;
  --aq-line: #dcdfe4;
  --aq-placeholder: #a7a096;
  --aq-placeholder-dark: #7a8aa0;
  --aq-space-1: 4px;
  --aq-space-2: 8px;
  --aq-space-3: 12px;
  --aq-space-4: 16px;
  --aq-space-5: 24px;
  --aq-space-6: 32px;
  --aq-space-7: 40px;
  --aq-space-8: 48px;
  --aq-space-9: 56px;
  --aq-space-10: 72px;
  --aq-space-11: 80px;
  --aq-space-12: 88px;
  --aq-space-13: 96px;
  --aq-container: 1200px;
  --aq-gutter: 32px;
  --aq-gutter-mobile: 20px;
  --aq-radius: 6px;
  --aq-focus: 0 0 0 3px var(--aq-orange), 0 0 0 6px var(--aq-paper);
}
