:root {
  --padding: 12px;
  --margin: 12px;
  --white: #fff;
  --black: #000;
  --red: #f00;
  --green: #C7712F;
  --grey: #F5DAC0;
  --grey-accent-color: #eee;
  --light-grey: #F8F8F8;
  --box-shadow-primary: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --font-color: #000;
  --head-color: #000;
  --link-color: #C7712F;
  --link-hover: #C7712F;
  --primary-color: #C7712F;
  --secondary-color: #f00;
  --grey-input-background: #F8F8F8;
  --input-border-color: #c1c1c1;
  --btn-color: #C7712F;
  --btn-color-hover: #C7712F;
  --btn-text-color: #fff;
  --btn-secondary-color: transparent;
  --btn-secondary-color-hover: #C7712F;
  --btn-secondary-text-color: #fff;
  --font-base: 'Roboto', sans-serif;
  --font-heading: 'Roboto', sans-serif;
  --font-weight: 400;
  --heading-weight: bold;
  --primary: #541C0E;
  --secondary: #C7712F;
  --thirdiary: #F5DAC0;
  --light: #FDFBF8;
  --headerItem: #E39A62;
  --background: #F7F1EB;
  --lineheight: 1.2;
  --yellow: #F29F05;
  --font: 'Inter',sans-serif;
  --h-font: 'Snell Roundhand',sans-serif;
  --inter: 'Inter',sans-serif;
  --mulish: 'Mulish',sans-serif;
  --snellhound: 'Snell Roundhand',sans-serif;
  --playfairDisplay: 'PlayfairDisplay',sans-serif;
  --pattaya: 'Pattaya',sans-serif;
}