:root {
  --template-color-0: #f85c70;
  --template-color-1: #6c757d;
  --font-heading: "Source Sans Pro", sans-serif;
  --font-paragraph: "Source Sans Pro", sans-serif;
  --font-navigation: "Source Sans Pro", sans-serif;
  --section-width: 1200px;
  --section-col-start: 8;
  --section-col-end: 43;
  --section-padding-y: 90px;
  --section-radius: 0px;
  --button-radius: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-2xl: 0px;
  --radius-full: 99999px;
  --radius-input: 0px;

  --heading-1-font-size: 54px;
  --heading-1-font-weight: 700;

  --heading-2-font-size: 28px;
  --heading-2-font-weight: 700;

  --heading-3-font-size: 20px;
  --heading-3-font-weight: 700;

  --heading-4-font-size: 16px;
  --heading-4-font-weight: 700;

  --heading-5-font-size: 12px;
  --heading-5-font-weight: 700;

  --heading-6-font-size: 10px;
  --heading-6-font-weight: 700;

  --paragraph-font-size: 16px;
  --paragraph-font-weight: 300;

  --heading-align: start;

  --paragraph-align: start;

  --primary-button-bg: var(--template-color-0);
  --primary-button-bg-hover: color-mix(in srgb, var(--primary-button-bg), #fff 20%);
  --primary-button-radius: 0px;
  --primary-button-font-size: 16px;
  --primary-button-font-weight: 500;
  --primary-button-font-family: "Source Sans Pro", sans-serif;
  --primary-button-padding: 10px 20px;
  --primary-button-border: none;
  --primary-button-cursor: pointer;
  --primary-button-transition: all 0.3s ease;
  --primary-button-shadow: 2px 2px 4px var(--template-color-1);
  --primary-button-color: #fff;
  --primary-button-color-hover: #fff;

  --secondary-button-bg: color-mix(in srgb, #fff, transparent 30%);
  --secondary-button-bg-hover: var(--template-color-1);
  --secondary-button-radius: 0px;
  --secondary-button-font-size: 16px;
  --secondary-button-font-weight: 500;
  --secondary-button-font-family: "Source Sans Pro", sans-serif;
  --secondary-button-padding: 10px 20px;
  --secondary-button-border: 2px solid color-mix(in srgb, var(--template-color-1), #000 20%);
  --secondary-button-cursor: pointer;
  --secondary-button-transition: all 0.3s ease;
  --secondary-button-shadow: 0 2px 2px var(--template-color-0);
  --secondary-button-color: var(--template-color-1);
  --secondary-button-color-hover: white;
}

body {
  font-family: var(--font-paragraph);
  color: #343a40;
  background-color: white;
}