:root {
  --hr-bg: #F5F7F9;
  --hr-surface: #FFFFFF;
  --hr-ink: #111620;
  --hr-accent: #1F3FA8;
  --hr-support: #C1452F;
  --hr-muted: #5C6572;
  --hr-rule: #DDE3E9;

  --hr-font-display: 'Archivo', 'Archivo Expanded', sans-serif;
  --hr-font-body: 'Chivo', sans-serif;

  --hr-space-xs: 6px;
  --hr-space-sm: 12px;
  --hr-space-md: 24px;
  --hr-space-lg: 48px;
  --hr-space-xl: 96px;

  --hr-radius: 0px;
  --hr-container: 1240px;
  --hr-gutter: clamp(20px, 5vw, 64px);
}