/* Define CSS variables */
:root {
  /* Colors */
  --color-background: #dad1ca;
  --color-text: #1f1e1e;
  --color-primary: #2e4e54;
  --color-primary-hover: #172d30;
  --color-secondary: #4e3d31;
  --color-button-bg: #2e4e55;
  --color-button-hover: #172d30;
  --color-header-bg: rgb(42, 52, 60);
  --color-border: #2d231b;
  --color-flash-alert-bg: #c4b2a5;
  --color-flash-alert-text: #563d3d;
  --color-flash-notice-bg: #b2c4a5;
  --color-flash-notice-text: #44563d;

  /* Fonts */
  --font-primary: 'Quicksand', sans-serif;
  --font-secondary: 'Cinzel', serif;

  /* Breakpoints */
  --breakpoint-mobile: 768px;
}