:root {
  --hue-base: 210;
  --sat-base: 33%;
  --light-base: 100%;
  --rot-base: 0deg;
  
  --body-background: hsl(var(--hue-base), var(--sat-base), var(--light-base));
  --body-font: hsl(var(--hue-base), calc(0.5 * var(--sat-base)), calc(0.10 * var(--light-base)));
  
  --selectedable-background: hsl(var(--hue-base), var(--sat-base), calc((0.7 * var(--light-base))));
  --selected-background: hsl(var(--hue-base), var(--sat-base), calc((0.5 * var(--light-base))));
  
  --button-background: hsl(var(--hue-base), calc(0.8 * var(--sat-base)), calc((0.7 * var(--light-base))));
  --button-font: hsl(var(--hue-base), calc(0.8 * var(--sat-base)), calc(1.00 * var(--light-base)));
  
  --colored-font: var(--body-font);
  
  --row1-background: hsl(var(--hue-base), var(--sat-base), calc((1.00 * var(--light-base))));
  --row2-background: hsl(var(--hue-base), var(--sat-base), calc((0.95 * var(--light-base))));
}