:root {

  --c-black: #3A1E14;
  --c-grey-darker: #4B2A1F;
  --c-grey-dark: #5A3326;
  --c-grey: #7A5A4A;
  --c-grey-light: #E8D8C8;
  --c-grey-lighter: #F3E5D7;
  --c-grey-lightest: #F7E6C4;
  --c-white: #ffffff;

  --c-primary: #F2C66D; /* sand background */
  --c-action: #F06A00; /* rocket orange */
  --c-background: #F7E6C4;
  --c-pale-background: #F7E6C4;

  --c-positive: #10B981;
  --c-negative: #EF4444;

  --c-text-dark: #3A1E14;
  --c-text: #5A3326;
  --c-text-light: #ffffff;

  --page-background-color: var(--c-background);

  --primary-button-background-color: var(--c-action);
  --primary-button-color: #ffffff;
  --button-border-radius: 6px;

  --c-icon: var(--c-action);

  --link: var(--c-action);
  --link-hover: #C94F00;
  --link-active: #A63E00;

  /* NAV */
  --nav-background-color: #F7E6C4;
  --nav-text-color: #3A1E14;
  --nav-button-background-color: var(--c-action);
  --nav-button-text-color: #ffffff;

  /* HERO */
  --hero-background-color: #F7E6C4;
  --hero-title-color: #3A1E14;
  --hero-text-color: #5A3326;
  --hero-button-background-color: var(--c-action);
  --hero-button-text-color: #ffffff;

  /* SELLING POINT BAR — deeper sunset red */
  --hero-benefits-background-color: #7A1200;
  --hero-benefits-text-color: #ffffff;
  --hero-benefits-icon-color: #F2C66D;

  /* HOW IT WORKS */
  --how-it-works-background-color: #3A1E14;
  --how-it-works-title-color: #ffffff;
  --how-it-works-number-color: #F2C66D;
  --how-it-works-text-color: #F7E6C4;

  /* FOOTER */
  --footer-background-color: #3A1E14;
  --footer-text-color: #F7E6C4;
  --footer-link-color: #F2C66D;

  --border-color: rgba(58, 30, 20, 0.1);
}