:root {
  --color-background: 252,252,252;
  --color-foreground: 16,57,72;
  --color-background-contrast: 188,188,188;
  --color-shadow: 16,57,72;
  --color-button: 16,57,72;
  --color-button-text: 252,252,252;
  --color-secondary-button: 252,252,252;
  --color-secondary-button-text: 5,44,70;
  --color-link: 5,44,70;
  --color-badge-foreground: 16,57,72;
  --color-badge-background: 252,252,252;
  --color-badge-border: 16,57,72;
  
  /* Font settings */
  --font-body-family: 'Rubik', sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-scale: 1.1;
  --font-heading-family: 'Montserrat', sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 300;
  --font-heading-scale: 1.2;
  
  /* Input settings */
  --inputs-radius: 2px;
  --inputs-border-width: 1px;
  --inputs-border-opacity: 0.15;
  --inputs-shadow-opacity: 0.05;
  --inputs-shadow-horizontal-offset: 2px;
  --inputs-shadow-vertical-offset: 2px;
  --inputs-shadow-blur-radius: 5px;
  --inputs-radius-outset: calc(var(--inputs-radius) + var(--inputs-border-width));
  
  /* Button settings */
  --buttons-radius: 40px;
  --buttons-border-width: 1px;
  --buttons-border-opacity: 1;
  --buttons-shadow-opacity: 0.1;
  --buttons-shadow-horizontal-offset: 2px;
  --buttons-shadow-vertical-offset: 2px;
  --buttons-shadow-blur-radius: 5px;
  --buttons-radius-outset: calc(var(--buttons-radius) + var(--buttons-border-width));
  --buttons-border-offset: 0px;
  
  /* Page settings */
  --page-width: 1200px;
  --page-width-margin: 0px;
  --spacing-sections-mobile: 0px;
  --spacing-sections-desktop: 0px;
  
  /* Duration */
  --duration-short: 0.1s;
  --duration-default: 0.2s;
  --duration-long: 0.5s;
  
  /* Alpha values */
  --alpha-button-background: 1;
  --alpha-button-border: 1;
  --alpha-link: 0.85;
}

body {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
}