/*
  Global CSS custom properties.
*/

/* stylelint-disable */
:root {
  /* Typography */
  --font-sans: "Metropolis", sans-serif;
  --font-serif: "Lora", "georgia", serif;

  /* Base colors */
  --color-black: #000000;
  --color-less-black: rgb(134, 122, 122);
  --color-white: #ffffff;
  --color-gray-darkest: #222222;
  --color-gray-darker: #2e2e2e;
  --color-gray: #3f3f3f;
  --color-gray-mid: #6b6b6b;
  --color-gray-light: #898989;
  --color-gray-lighter: #dadada;
  --color-gray-lightest: #f3f3f3;
  --color-gray-border: #c5c5c5;

  /* Theme colors - default (red) scheme */
  --color-primary: #c0273c;
  --color-primary-dark: #b00711;
  --color-primary-light: #ea2d49;
  /* RGB values for rgba() usage */
  --color-primary-rgb: 192, 39, 60;
  --color-primary-light-rgb: 234, 45, 73;

  /* Layout */
  --base-width: 90vw;
  --max-width: 1100px;
  --base-border-radius: 10px;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-s: 0.4rem;
  --spacing-m: 1rem;
  --spacing-l: 1.4rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  /* Breakpoints */
  --slideshow-aspect-ratio: 4/2;
  --breakpoint-max-mobile: 768px;
  --breakpoint-max-tablet: 991px;
  --breakpoint-min-desktop: 992px;

  /* Override bootstrap variables */
  --bs-gutter-x: 2rem;
}