:root {
  --mbe-red: #e2001a;
  --mbe-black: #221e1f;
  --mbe-gray: #939598;
  --white: #ffffff;

  --background: #f7f7f7;
  --surface: var(--white);
  --border: #dedddd;
  --border-strong: #c3c2c2;
  --text: var(--mbe-black);
  --text-muted: #666263;

  --font-primary: Ubuntu, "Trebuchet MS", Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  --font-size-xs: 0.8125rem;
  --font-size-sm: 0.9375rem;
  --font-size-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --font-size-h3: clamp(1.5rem, 1.32rem + 0.75vw, 1.875rem);
  --font-size-h2: clamp(2rem, 1.65rem + 1.45vw, 3rem);
  --font-size-h1: clamp(2.5rem, 1.95rem + 2.35vw, 4.5rem);
  --line-height-tight: 1.08;
  --line-height-heading: 1.16;
  --line-height-body: 1.65;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgb(34 30 31 / 7%);
  --shadow-md: 0 16px 40px rgb(34 30 31 / 9%);

  --container-max: 80rem;
  --header-height: 5.5rem;
  --transition-fast: 160ms ease;
  --transition-base: 240ms ease;
}