html {
    --primary-lighter: #BFAACC;
    --primary-darker: #623B74;
    --secondary: #5200FF;
    --secondary-lighter: #EEE5FF;
    --base: #1E1920;
    --inverted: #f3f0ed;

    --shadow-base: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    --citation: "";

    --bold: 700;
    --regular: 400;

    --text-base: 1rem;
    --text-s: 0.75rem;
    --text-m: 1.5rem;
    --text-l: 2rem;
    --text-xl: 2.5rem;
    --text-xxl:3rem;

    --size-xs: 0.5rem;
    --size-s: 0.75rem;

    --size-body: 14rem;
    --size-base: 1rem;
    --size-m: 1.5rem;
    --size-l: 2rem;
    --size-xl: 2.5rem;
    --size-xxl: 3.5rem;
}