/* AUTO-GENERATED — DO NOT EDIT MANUALLY */

:root {
  --brown: #8B5E3C;
  --brown-hover: #74492B;

  --beige: #C6A27E;

  --head: #171717;
  --body: #4C4945;

  --bg: #F8F5F0;
  --bg2: #EFE7DC;

  --line: #D9D1C7;
  --card: #FFFFFF;

  --dark: #22201E;
  --dark-text: #CFC7BC;

  --footer-text: #B9B0A5;

  --onbrown: #FFFFFF;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn {
  background: var(--brown);
  border-color: var(--brown);
  color: var(--onbrown);
}

.btn:hover {
  background: var(--brown-hover);
  border-color: var(--brown-hover);
}


/* =========================================================
   LINKS / ACCENTS
   ========================================================= */

.eyebrow,
.logo b,
.card .meta {
  color: var(--brown);
}


/* =========================================================
   DARK CTA
   ========================================================= */

.cta {
  background: var(--dark);
  color: var(--dark-text);
}


/* =========================================================
   FOOTER
   ========================================================= */

footer {
  background: var(--dark);
  color: var(--footer-text);
}


/* =========================================================
   BODY / BACKGROUNDS
   ========================================================= */

body {
  background: var(--bg);
  color: var(--body);
}