:root {
    /* breakpoints */
    --screen-s: 576px;
    --screen-m: 768px;
    --screen-l: 992px;
    --screen-xl: 1200px;
    --screen-xxl: 1400px;
    --screen-4k: 2560px;

    /* fonts */
    --font-family-base: 'Expletus Sans';
    --font-family-alt: 'Noto Serif';
    --font-family-icons: 'Phosphor-Fill';

    /*font sizes*/
    --font-size-base: 1.25rem;
    --font-size-abstract: calc(var(--font-size-base)*1.25);
    --h1-font-size: calc(var(--font-size-base) * 3);
    --h2-font-size: calc(var(--font-size-base) * 2.5);
    --h3-font-size: calc(var(--font-size-base) * 1.166);
    --h4-font-size: calc(var(--font-size-base));
    --h5-font-size: calc(var(--font-size-base) * 0.83);
    --h6-font-size: calc(var(--font-size-base) * 0.66);

    /* typographic variables */
    --line-height: calc(var(--font-size-base) * 1.46);

    /*basic distances*/
    --gutter-width: 1rem;

    /* colors */
    --black: #1e1e1e;
    --white: #fafafa;
    --grey-light: #c6c6c6;
    --grey-medium: #8a8a8a;
    --grey-dark: #3c3c3c;
    --primary: #FDAD0D;
    --secondary: #00A6ED;
    --tertiary: #44CF6C;

    --faith: var(--secondary);
    --gaming: var(--primary);
    --thoughts: var(--tertiary);

    --cosmic-latte: #fff8e7;
    --cosmic-spectrum-green: #9cffce;

    --background-color: var(--white);

    /* animation */
    --transition-duration: 0.3s;
    --transition-timing: ease-in;
}