:root {

  --rgb-background: 18, 8, 48;
  --rgb-background-light: 32, 18, 68;
  --rgb-blue: 100, 130, 235;
  --rgb-white: 215, 210, 228;

  --color-background: rgb(var(--rgb-background));
  --color-background-light: rgb(var(--rgb-background-light));
  --color-blue: rgb(var(--rgb-blue));
  --color-white: rgb(var(--rgb-white));

  --font-family: 'Cascadia Code', Menlo, Monaco, Consolas, 'Courier New',  monospace;
  --font-size: clamp(0.625rem, 1.25vw, 1rem);
  --font-size-medium: 125%;

  --line-height: 1.4;

  --space-medium: 1em;
  --space-large: 2em;
  --space-x-large: 4em;
  --space-xx-large: 6em;

  --transition: 0.15s cubic-bezier(0.33, 1, 0.68, 1);

}