:root {
  --color-primary: rgb(0, 89, 131);
  --color-secondary: rgb(233, 233, 233);
  --color-tertiary: rgb(32, 32, 32);
  --color-contrast: rgb(218, 178, 0);
  --line-spacing: 1.618em;
  --line-spacing-wider: 2.236em;
  --font-size-normal: 1.3em;
  --font-size-large: 1.4em;
  --text-spacing-wider: 1.3em;
  --text-spacing-widest: 1.5em;
  --color-text: #333;
  --shadow-main: 0px 0px 6px rgba(0, 0, 0, 0.6);
  --shadow-main-block: 15px rgba(0, 0, 0, 0.7);
  --contrast-helper: rgba(255, 255, 255, 0.4);
  --border-thickness: 3px;
  /*
	font family: Montserrat or Ubuntu for body
	serif ?? font for logo
  */
}

[data-theme="dark"] {
  --color-primary: #333;
  --color-secondary: rgb(0, 87, 128);
  --color-tertiary: rgb(218, 218, 218);
  --color-contrast: rgb(185, 152, 99);
  --shadow-main: 0 0 15px rgba(235, 235, 235, 0.7);
  --color-text: white;
}