:root {
  --color-primary: #ee212b;
  --color-primary-dark: #d21c1d;
  --color-primary-hover: #b01218;
  --color-primary-on-dark: #ff5a60;
  --color-black: #171717;
  --color-dark: #222222;
  --color-dark-soft: #2b2b2b;
  --color-white: #ffffff;
  --color-light: #f4f4f1;
  --color-text: #252525;
  --color-muted: #6c6c6c;
  --color-border: #e0dfdb;
  --container: 1220px;
  --font-heading: "Helvetica Neue", Arial, Helvetica, sans-serif;
  --font-body: Arial, Helvetica, sans-serif;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 5rem;
  --section-padding: clamp(5rem, 9vw, 9rem);
  --transition: 280ms ease;
  --shadow: 0 18px 48px rgba(23, 23, 23, 0.12);
}