:root {
  --primary-50: #f0e7e8;
  --primary-100: #d1b5b7;
  --primary-200: #ba9194;
  --primary-300: #9b5f63;
  --primary-400: #884045;
  --primary-500: #6a1016;
  --primary-600: #4b0b10;
  --primary-700: #4b0b10;
  --primary-800: #3a090c;
  --primary-900: #2d0709;

  --secondary-200: #fbf3ee;

  --natural-Txt: #272525;
  --natural-50: #fafafa;
  --natural-100: #bcbbbb;
  --natural-200: #9c9b9b;
  --natural-300: #6e6d6d;
  --natural-400: #525151;
  --natural-500: #272525;
  --natural-600: #232222;
  --natural-700: #1c1a1a;
  --natural-800: #151414;
  --natural-900: #101010;

--tertiary-50: #fefcfb;
--tertiary-100: #fdf7f4;
--tertiary-200: #fbf3ee;
--tertiary-300: #faeee6;
--tertiary-400: #f9eae1;
--tertiary-500: #f7e5da;
--tertiary-600: #e1d0c6;
--tertiary-700: #afa39b;
--tertiary-800: #887e78;
--tertiary-900: #68605c;

  --font-size-xs: 0.75rem; /* 12px*/
  --font-size-sm: 1rem; /* 16px*/
  --font-size-md: 1.125rem; /* 18px*/
  --font-size-lg: 1.25rem; /* 20px*/
  --font-size-xl: 1.5rem; /* 24px*/
  --font-size-2xl: 2rem; /* 32px*/
  --font-size-3xl: 2.5rem; /* 40px*/
  --font-size-4xl: 3rem; /* 48px*/

  /* Background Colors */
  --bg-white: #ffffff;
  --bg-orange: #d4956c;
  --bg-dark: #2c2c2c;
  --background-field:#F0EFEE;

  /* Section Backgrounds */
  --hero-bg: linear-gradient(180deg, #faf8f5 0%, #ffffff 100%);
  /* --cta-bg: linear-gradient(135deg, #d4956c 0%, #c88a5e 100%); */
  --cta-bg: #ac7154;
}