/* Modez Construction brand preset. Swap this preset for a sibling MZG brand. */
:root {
  --font-body: 'DM Sans', Arial, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
  --color-primary: #242015;
  --color-secondary: #D1C5B8;
  --color-accent: #503218;
  --color-background: #EDE8E2;
  --color-surface: #fff;
  --color-surface-soft: #F6F1EB;
  --color-surface-inverse: #f6f2ec;
  --color-text: #242015;
  --color-text-muted: #67625B;
  --color-border: #C8B7A7;
  --color-focus: #9a671e;
  --color-dark-surface: #29251f;
  --color-dark-cta: #30372d;
  --color-bronze: #c4a782;
  --color-process-number: #9e8d7b;
  --color-shadow-faint: #24201508;
  --color-shadow-raised: #24201516;
  --color-shadow-card: #0002;
  --color-shadow-overlay: #24201540;
  --shadow-header: 0 5px 30px var(--color-shadow-faint);
  --shadow-header-raised: 0 8px 35px var(--color-shadow-raised);
  --header-menu-shadow: 0 15px 20px #24201515;
  --header-mobile-cta-shadow: 0 6px 20px #24201533;
  --header-background: #f6f1ebed;
  --header-background-scrolled: #f6f1ebf5;
  --header-background-menu: #f6f1ebfa;
  --header-border: #ffffff70;
  --header-border-scrolled: #c8b7a76b;
  --header-nav-hover: #725a3e;
  --header-nav-current: #927654;
  --header-text: #242015;
  --header-background-solid: #f6f1eb;
  --header-background-overlay: #ede8e2c7;
  --header-border-overlay: #ffffff80;
  --hero-fullscreen-scrim: linear-gradient(90deg, #ede8e2f7 0%, #ede8e2e8 34%, #ede8e2ab 56%, #ede8e20a 82%), linear-gradient(0deg, #24201561, transparent 28%);
  --hero-fullscreen-scrim-mobile: linear-gradient(180deg, #ede8e2fa 0%, #ede8e2f2 35%, #ede8e2ca 58%, #ede8e278 77%, #ede8e200 100%);
  --hero-aside-background: #f6f1ebdc;
  --hero-note-background: #242015c7;
}