:root {
  --base-font-size: 16px;
}

body {
  font-size: var(--base-font-size);
}

:root {
  --color-white: rgb(255,255,255);
  --color-black: rgb(0,0,0);

  --color-blue-lighter: #F6F9FE;
  --color-blue-light: #DBE9FA;
  --color-blue: #406898;
  --color-blue-dark: #112946;

  --color-blue-lighter-rgb: 246, 249, 254;
  --color-blue-light-rgb: 219, 233, 250;
  --color-blue-rgb: 64, 104, 152;
  --color-blue-dark-rgb: 17, 41, 70;
  
  --transition-speed: 0s;
  
  --color-highlight: var(--color-blue);
  --color-fontselection: var(--color-blue-lighter);
  
  --color-header: var(--color-blue-light);
  --color-footer: var(--color-black);

  --border: 2px var(--color-blue-dark) solid;

}