:root {
	--display-font-family: Oswald;
	--body-font-family: Raleway;

	--font-size: 16px

	--logo-padding: 6px;
	--logo-height: 202px;

	--header-width: 1366px;
	--header-border-position: bottom;
	--header-border-size: 1px;
	--header-bg-color: 255 255 255;
	--header-border-color: 79 121 83;

	--brand-color: 79 121 83;
	--brand-color-inverted: 35 31 32;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 79 121 83;

	--action-color: 79 121 83;
	--action-color-inverted: 255 255 255;

	--announcement-bar-bg-color: 35 31 32;
	--announcement-bar-text-color: 255 255 255;
	--announcement-bar-link-color: 79 121 83;

	--main-navigation-bg-color: 255 255 255;
	--main-navigation-link-color: 35 31 32;
	--main-navigation-link-color-hover: 79 121 83;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 16px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 35 31 32;

	--order-status-bg-color: 79 121 83;
	--order-status-color: 255 255 255;

	--store-menu-bg_color: 248 248 248;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 35 31 32;
	--footer-color: 255 15 ;
	--footer-link-color: 255 15 ;
}

/*Custom Styles*/
/*Class for large text that's not H1*/
.heading-size, h1, .h1 {
    font-size: 60px;
    font-weight:700;
    line-height:95%;
    margin-bottom:18px;
}
/*Class for H2 Headings*/
.heading-two-size, h2, .h2 {
    font-size: 45px;
    font-weight:700;
    line-height:1.1;
    margin-bottom:18px;
}
/* Subtitle class */
.subtitle-size {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.02em;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.92;
}

/* Large Text class */
.text-size {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 18px;
  max-width: 65ch;
  opacity: 0.95;
}
/* Mobile adjustments */
@media (max-width: 768px) {
  .heading-size,
  h1,
  .h1 {
    font-size: 40px;
    line-height: 1.0;
    margin-bottom: 10px;
  }

  .subtitle-size {
    font-size: 20px;
    margin-bottom: 22px;
    max-width: 36ch;
  }
}
/* Custom dark CTA used in HTML sections */
a.btn.btn-dark-cta,
.btn-dark-cta {
  background-color: #231f20 !important;
  border-color: #231f20 !important;
  color: #ffffff !important;
}

/* Hover/focus */
a.btn.btn-dark-cta:hover,
a.btn.btn-dark-cta:focus,
.btn-dark-cta:hover,
.btn-dark-cta:focus {
  background-color: #231f20 !important;
  border-color: #231f20 !important;
  color: #ffffff !important;
  opacity: 0.92;
}
/* =========================
   "LIGHT" BUTTON STYLE = BLACK
   ========================= */

/* Base */
:root body .btn-light,
:root body a.btn-light,
:root body button.btn-light,
:root body input.btn-light {
  background-color: #231f20 !important;
  border-color: #231f20 !important;
  color: #ffffff !important;
}

/* Keep inner text/icons white */
:root body .btn-light *,
:root body a.btn-light * {
  color: #ffffff !important;
}

/* Hover / Focus / Active */
:root body .btn-light:hover,
:root body .btn-light:focus,
:root body .btn-light:active,
:root body a.btn-light:hover,
:root body a.btn-light:focus,
:root body a.btn-light:active,
:root body button.btn-light:hover,
:root body button.btn-light:focus,
:root body button.btn-light:active {
  background-color: #231f20 !important;
  border-color: #231f20 !important;
  color: #ffffff !important;
  opacity: 0.92;
}

/* Optional: remove any "glow" / shadow some themes add */
:root body .btn-light:focus,
:root body button.btn-light:focus {
  box-shadow: none !important;
  outline: none !important;
}
/*Spacing Between Buttons*/
.btn + .btn {
  margin-left: 14px !important;
}

/* =========================
   FORCE WHITE TEXT ON GREEN CTA BUTTONS
   ========================= */

:root body .btn-primary,
:root body a.btn-primary,
:root body button.btn-primary,
:root body .btn-success,
:root body a.btn-success,
:root body button.btn-success,
:root body .btn,
:root body a.btn,
:root body button.btn {
  color: #ffffff !important;
}

/* Ensure icons or spans inside buttons stay white */
:root body .btn-primary *,
:root body .btn-success *,
:root body .btn * {
  color: #ffffff !important;
}

/* Hover states stay white */
:root body .btn-primary:hover,
:root body .btn-success:hover,
:root body .btn:hover {
  color: #ffffff !important;
}