:root {
  --groen: #18504c;
  --lysegroen: #d0dcdb;
  --sand: #efd7b4;
  --orange: #e49248;
  --stoevet-groen: #93a8a3;
  --hvid: #ffffff;
}

.text-groen { --text-color: var(--groen); }
.underline-groen { --decoration-color: var(--groen); }
.bg-groen { --background-color: var(--groen); }
.content-groen { --content-color: var(--groen); }
.text-lysegroen { --text-color: var(--lysegroen); }
.underline-lysegroen { --decoration-color: var(--lysegroen); }
.bg-lysegroen { --background-color: var(--lysegroen); }
.content-lysegroen { --content-color: var(--lysegroen); }
.text-sand { --text-color: var(--sand); }
.underline-sand { --decoration-color: var(--sand); }
.bg-sand { --background-color: var(--sand); }
.content-sand { --content-color: var(--sand); }
.text-orange { --text-color: var(--orange); }
.underline-orange { --decoration-color: var(--orange); }
.bg-orange { --background-color: var(--orange); }
.content-orange { --content-color: var(--orange); }
.text-stoevet-groen { --text-color: var(--stoevet-groen); }
.underline-stoevet-groen { --decoration-color: var(--stoevet-groen); }
.bg-stoevet-groen { --background-color: var(--stoevet-groen); }
.content-stoevet-groen { --content-color: var(--stoevet-groen); }
.text-hvid { --text-color: var(--hvid); }
.underline-hvid { --decoration-color: var(--hvid); }
.bg-hvid { --background-color: var(--hvid); }
.content-hvid { --content-color: var(--hvid); }
.btn-main { --btn-text-color: var(--groen); --btn-background-color: var(--none); --btn-border-color: var(--groen); }
.btn-main:hover { --btn-text-color: var(--hvid); --btn-background-color: var(--groen); --btn-border-color: var(--groen); }
.btn-negativ { --btn-text-color: var(--hvid); --btn-background-color: var(--none); --btn-border-color: var(--hvid); }
.btn-negativ:hover { --btn-text-color: var(--orange); --btn-background-color: var(--none); --btn-border-color: var(--orange); }
.btn-orange { --btn-text-color: var(--hvid); --btn-background-color: var(--orange); --btn-border-color: var(--orange); }
.btn-orange:hover { --btn-text-color: var(--hvid); --btn-background-color: var(--stoevet-groen); --btn-border-color: var(--stoevet-groen); }
