:root {

  --rgb-background-night: 26, 27, 38;
  --rgb-background-storm: 36, 40, 59;
  --rgb-black: 0, 0, 0;
  --rgb-green: 158, 206, 106;
  --rgb-terminal-black: 65, 72, 104;
  --rgb-terminal-blue: 122, 162, 247;
  --rgb-terminal-cyan: 125, 207, 255;
  --rgb-terminal-white: 192, 202, 245;
  --rgb-turquoise: 180, 249, 248;
  --rgb-white: 255, 255, 255;

  --color-background-night: rgb(var(--rgb-background-night));
  --color-background-storm: rgb(var(--rgb-background-storm));
  --color-black: rgb(var(--rgb-black));
  --color-green: rgb(var(--rgb-green));
  --color-terminal-black: rgb(var(--rgb-terminal-black));
  --color-terminal-blue: rgb(var(--rgb-terminal-blue));
  --color-terminal-cyan: rgb(var(--rgb-terminal-cyan));
  --color-terminal-white: rgb(var(--rgb-terminal-white));
  --color-turquoise: rgb(var(--rgb-turquoise));
  --color-white: rgb(var(--rgb-white));

  --color-muted: rgb(var(--rgb-terminal-white) / 0.66);
  --color-faint: rgb(var(--rgb-terminal-white) / 0.45);

  --border-color: rgb(var(--rgb-terminal-black) / 0.8);
  --border-width: max(1px, 0.0625em);

  --font-family: 'JetBrains Mono', monospace;
  --font-size: clamp(0.625rem, 1.125vw, 0.9rem);
  --font-size-small: 80%;
  --font-size-medium: 125%;
  --font-size-large: 200%;

  --line-height: 1.4;

  --space-small: 0.5em;
  --space-medium: 1em;
  --space-neutral: 1.5em;
  --space-large: 2em;
  --space-x-large: 3em;
  --space-xx-large: 4em;
  --space-xxx-large: 5em;
  --space-xxxx-large: 6em;

  --width-page: 90em;
  --width-text: 46em;

  --shadow-raised:
    0 1px 0 0 rgba(var(--rgb-black), 0.1),
    0 0.2em 1.2em -0.4em rgba(var(--rgb-black), 0.2),
    0 0.4em 2.0em -0.8em rgba(var(--rgb-black), 0.3),
    0 0.4em 0.4em -0.8em rgba(var(--rgb-black), 0.4),
    0 0.8em 0.8em -1.2em rgba(var(--rgb-black), 0.5),
    0 1.2em 1.2em -1.6em rgba(var(--rgb-black), 0.6)
  ;

  --shadow-sunken:
    0 0 0 1px rgba(var(--rgb-black), 0.3),
    0 0.3em 2.0em -1.2em rgba(var(--rgb-black), 0.1),
    0 0.6em 2.4em -1.6em rgba(var(--rgb-black), 0.2),
    0 0.9em 2.8em -2.0em rgba(var(--rgb-black), 0.3),
    0 1.2em 3.2em -2.4em rgba(var(--rgb-black), 0.4),
    0 1.5em 3.6em -2.8em rgba(var(--rgb-black), 0.5)
  ;

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

}