:root {
    --ratio: 1.5;
    --s-5:   calc(var(--s-4) / var(--ratio));
    --s-4:   calc(var(--s-3) / var(--ratio));
    --s-3:   calc(var(--s-2) / var(--ratio));
    --s-2:   calc(var(--s-1) / var(--ratio));
    --s-1:   calc(var(--s0) / var(--ratio));
    --s0:    1rem;
    --s1:    calc(var(--s0) * var(--ratio));
    --s2:    calc(var(--s1) * var(--ratio));
    --s3:    calc(var(--s2) * var(--ratio));
    --s4:    calc(var(--s3) * var(--ratio));
    --s5:    calc(var(--s4) * var(--ratio));

    /* SIZES & SPACES */
    --space:   var(--s1);
    --measure: 60ch;

    /* FONTS */
    --font-family:         "Roboto Mono", monospace;
    --line-height-headers: 1.1;
    --line-height-body:    1.5;

    /* COLORS */
    --color-background:           black;
    --color-content-background:   #0A0A0A;
    --color-text-body:            white;
    --color-text-header:          white;
    --color-primary:              hsl(203, 92%, 75%);
    --color-primary-muted:        hsl(203, 12%, 75%);
    --color-primary-rotate:       #ff4040;

    /* BORDERS */
    --border-thin: 0.125rem;
}