:root {
  /*primary1*/
  --color-primary1-hsl-hue: 0;
  --color-primary1-hsl-saturation: 0%;
  /*primary2*/
  --color-primary2-hsl-hue: 0;
  --color-primary2-hsl-saturation: 0%;
  /*primary3*/
  --color-primary3-hsl-hue: 0;
  --color-primary3-hsl-saturation: 0%;
  /*Layout*/
  --main-background: #F1F1F1;
  --nav-background: var(--color-primary1-100);
  --card-background: var(--color-primary1-100);
  --card-border: var(--color-primary1-90);
  --card-border-hover: var(--color-primary1-70);
  --component-header-background: var(--color-primary1-90);
  /*Text color*/
  --text-color: var(--color-primary1-10);
  --text-color-light: var(--color-primary1-40);
  /**/
  --btn-primary: none;
  --btn-secondary: none;
  --btn-success: none;
  --btn-warning: none;
}

.logo {
  background-image: url(./logo.png);
}