/*-- -------------------------- -->
<---        Core Styles         -->
<--- -------------------------- -*/

/* Elegant Color Scheme Option 1: Champagne & Gold */
:root {
  --primary: #7C8C7D; /* Sage green */
  --primaryLight: #A5B5A6; /* Light sage */
  --secondary: #C5B9A5; /* Warm beige */
  --secondaryLight: #D8CFC0; /* Light beige */
  --headerColor: #363636; /* Deep grey */
  --bodyTextColor: #4A4A4A; /* Soft black */
  --bodyTextColorWhite: #ffffff;
  /* 13px - 16px */
  --topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);
  /* 31px - 49px */
  --headerFontSize: clamp(1.24rem, 2.5vw, 1.96rem);
  --bodyFontSize: 1rem;
  /* 60px - 100px top and bottom */
  --sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;
}

/* Elegant Color Scheme Option 2: Dusty Rose & Navy */
/*
:root {
  --primary: #1D3461; /* Deep navy */
  --primaryLight: #34699A; /* Softer navy */
  --secondary: #D8A7B1; /* Dusty rose */
  --secondaryLight: #E6C3C9; /* Light rose */
  --headerColor: #283044; /* Dark blue-grey */
  --bodyTextColor: #4A4A4A; /* Soft black */
  --bodyTextColorWhite: #ffffff;
}
*/

/* Elegant Color Scheme Option 3: Sage & Warm Neutrals */
/*
:root {
  --primary: #7C8C7D; /* Sage green */
  --primaryLight: #A5B5A6; /* Light sage */
  --secondary: #C5B9A5; /* Warm beige */
  --secondaryLight: #D8CFC0; /* Light beige */
  --headerColor: #363636; /* Deep grey */
  --bodyTextColor: #4A4A4A; /* Soft black */
  --bodyTextColorWhite: #ffffff;
}
*/



/* Add this near the top of your root.css file, after the :root section */
.skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -10;
}

.skip:focus {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 1rem;
  background-color: var(--primary);
  color: white;
  z-index: 10000;
  text-decoration: none;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif !important;
}  /* Remove the extra } that was here */

*, *:before, *:after {
  /* prevents padding from affecting height and width */
  box-sizing: border-box;
}
.cs-topper {
  font-size: var(--topperFontSize);
  line-height: 1.2em;
  text-transform: uppercase;
  text-align: inherit;
  letter-spacing: .1em;
  font-weight: 700;
  color: var(--primaryLight);
  margin-bottom: 0.25rem;
  display: block;
}

.cs-title {
  font-size: var(--headerFontSize);
  font-weight: 900;
  line-height: 1.2em;
  text-align: inherit;
  max-width: 43.75rem;
  margin: 0 0 1rem 0;
  color: var(--headerColor);
  position: relative;
}

.cs-text {
  font-size: var(--bodyFontSize);
  line-height: 1.5em;
  text-align: inherit;
  width: 100%;
  max-width: 40.625rem;
  margin: 0;
  color: var(--bodyTextColor);
}