/* License: LGPL-3.0-or-later */
:root {
  --grey-05: color(black l(99.4%));
  --grey-1: color(black l(98%));
  --grey-2: color(black l(96%));
  --grey-3: color(black l(92%));
  --grey-4: color(black l(86%));
  --grey-5: color(black l(65%));
  --grey-6: color(black l(50%));
  --black: #2f2f2f;

  --scrim: rgba(0,0,0,.5);

  --blue: #0176f5;
  --blue-light: #78b6ff;  
  --blue-lighter: #d2e6ff;
  --green: #82c13e;
  --red: #ff0f0f; 
}

.bg-grey-1 { background: var(--grey-1)}
.bg-grey-2 { background: var(--grey-2)}
.bg-grey-3 { background: var(--grey-3)}
.bg-grey-4 { background: var(--grey-4)}
.bg-grey-5 { background: var(--grey-5)}
.bg-scrim { background: var(--scrim)}
.bg-black { background: var(--black)} 
.bg-blue { background: var(--blue)}
.bg-blue-light { background: var(--blue-light)}
.bg-blue-lighter { background: var(--blue-lighter)}
.bg-red { background: var(--red)}
.bg-green { background: var(--green)}

.color-white { color: white}
.color-grey { color: var(--grey-6)}
.color-black { color: var(--black)}
.color-red { color: var(--red)}
.color-green { color: var(--green)}
.color-blue { color: var(--blue)}

.border-color-grey { border-color: var(--grey-4)}
.border-color-red { border-color: var(--red)}
.border-color-green { border-color: var(--green)}
.border-color-blue { border-color: var(--blue-light)}