/* ==========================================================================
   CSS Custom Properties — Edit this file to rebrand the template
   ========================================================================== */

:root {
  /* Colors */
  --color-primary: #f0baba;
  --color-primary-hover: #d89595;
  --color-bg-main: #fdfbf9;
  --color-bg-alt: #f9f4ef;
  --color-bg-footer: #f4d8cb;
  --color-heading: #352a1a;
  --color-body: #675f53;
  --color-light: #ffffff;
  --color-circle-1: #F4D8CB;
  --color-circle-2: #F2CADC;
  --color-circle-3: #F0BABA;

  /* Fonts */
  --font-heading: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', Helvetica, Arial, sans-serif;

  /* Spacing */
  --section-padding: 100px;
  --container-max-width: 1280px;

  /* Hero heights */
  --hero-height: 800px;
  --hero-height-tablet: 768px;
  --hero-height-mobile: 300px;
}