: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:         "Inter", serif;
    --line-height-headers: 1.1;
    --line-height-body:    1.5;
    --font-size-xs:    var(--s-2);
    --font-size-s:     var(--s-1);
    --font-size-m:     var(--s0);
    --font-size-l:     var(--s1);
    --font-size-xl:    var(--s2);
    --font-size-xxl:   var(--s3);
    --font-size-xxxl:  var(--s4);
    --font-size-xxxxl: var(--s5);

    /* COLORS */
    --color-text-header: hsl(0, 1%, 16%);
    --color-text-body:   hsl(0, 5%, 25%);
    --color-text-muted:  hsl(0, 1%, 44%);

    --color-primary:          hsl(135, 35%, 35%);
    --color-primary-rotate:   hsl(135, 35%, 28%);
    --color-primary-bg:       hsl(0, 85%, 96%);
    --color-secondary:        hsl(101, 45%, 56%);
    --color-secondary-rotate: hsl(120, 45%, 56%);
    --color-tertiary:         hsl(49, 89%, 64%);
    --color-glint:            hsl(210, 100%, 82%);
    --color-destroy:          hsl(315, 35%, 35%);


    --color-white:              hsl(0, 0%, 100%);
    --color-background:         hsl(30, 50%, 96%);
    --color-content-background: hsl(30, 50%, 98%);
    --color-background-dark:    hsl(0, 5%, 5%);
    --color-light:              hsl(0, 6%, 93%);
    --color-dark:               var(--color-text-header);

    /* BORDERS */
    --border-thin: 0.125rem;
    --border-radius: 0.375rem;
    --border: solid 2px var(--color-light);

    /* SHADOWS */
    --shadow-large:  2px 4px 10px hsl(0 0% 0% / 0.1);
    --shadow-small:  1px 3px 6px hsl(0 0% 0% / 0.1);
}