:root {

  /* =====================
     Fonts
  ===================== */
  --font-heading: "Bricolage Grotesque", sans-serif;
  --font-body: "Manrope", sans-serif;

  /* =====================
     Font Sizes (Desktop)
  ===================== */
  --h1-size: 80px;
  --h2-size: 48px;
  --h3-size: 38px;
  --h4-size: 32px;
  --h5-size: 24px;
  --h6-size: 20px;

  --p-size: 18px;
  --btn-size: 18px;

  /* =====================
     Font Sizes (Mobile)
  ===================== */
  --h1-size-m: 32px;
  --h2-size-m: 24px;
  --h3-size-m: 20px;
  --h4-size-m: 18px;
  --h5-size-m: 16px;
  --h6-size-m: 16px;

  --p-size-m: 14px;
  --btn-size-m: 16px;

  /* =====================
     Colors
  ===================== */
  --color-primary: #E3002B;
  --color-secondary: #111111;
  --color-text: #111111;
  --color-accent: #E3002B;
  --color-tertiary: #E3002B2B;

  --color-bg: #ffffff;
  --color-border: #e5e7eb;

  /* =====================
     Layout
  ===================== */
  --container-width: 1522px;
  --section-padding: 80px;
  --radius: 8px;
}