:root {

    /* colors */
    
    --blue1: #3e476c;
    --blue2: #47527c;   
    --blue3: #67719e;
    --blue4: #8992c0;
    --blue5: #acb4e5;

    --green1: #008a63;
    --green2: #25c196;
    --green3: #6efacc;

    --red1: #b30000;
    --red2: #e60000;
    --red3: #ff0000;

    --yellow1: #fff7d6;
    --yellow2: #f9f871;
    --yellow3: #ffbf69;
   
    
    --brown: #eae3db;
    
    --white1: #ffffff;
    --white2: #f7f8ff;
    
    --grey1: #f1f1e6;
    --grey2: #e3e3e3;
    --grey3: #d7d7d7;
    --grey4: #cacaca;
    --grey5: #b5b5b5;
    --grey6: #a8aabc;

    --dark1: #222222;
    --dark2: #2c2c2c;
    --dark3: #3f3f3f;
    --dark4: #434655;
    --dark5: #666666;
    
    --black1: #000000;
    --black2: #1a1a1a;
    --black3: #131313;

    --black-transparent-1: rgba(0, 0, 0, 0.8);
    --black-transparent-2: rgba(0, 0, 0, 0.5);
    --black-transparent-3: rgba(0, 0, 0, 0.2);
    --black-transparent-4: rgba(0, 0, 0, 0.05);


    /* margins */

    --ff-serif1: 'Frank Ruhl Libre', 'Noto Serif', Georgia, 'Times New Roman', serif; 
    --ff-sans: 'Inter', Arial, Tahoma, sans-serif;

    /* font sizes: */

    --fs-small2: 0.75rem;
    --fs-small: 0.833rem;
    --fs-p: 0.91rem;
    --fs-p2: 1rem;
    --fs-p3: 1.1rem;
    --fs-h3: 1.22rem;
    --fs-h2: 1.48rem;
    --fs-h1: 1.97rem;

    --fw-normal: 400;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 900;

    /* round() intervals */
    --round-interval-font: 0.125rem; /* 2px */
    --round-interval-space: 0.25rem; /* 4px */

    /* fluid font-size clamps */
    --fc-xsmall: round(down, clamp(0.56rem, 0.01vi + 0.56rem, 0.56rem), 0.125rem);
    --fc-small: round(down, clamp(0.7rem, 0.09vi + 0.68rem, 0.75rem), 0.125rem);
    --fc-p: round(down, clamp(0.88rem, 0.23vi + 0.83rem, 1rem), 0.125rem);
    --fc-p2: round(down, clamp(1.09rem, 0.43vi + 1.01rem, 1.33rem), 0.125rem);
    --fc-h3: round(down, clamp(1.37rem, 0.74vi + 1.22rem, 1.78rem), 0.125rem);
    --fc-h2: round(down, clamp(1.71rem, 1.2vi + 1.47rem, 2.37rem), 0.125rem);
    --fc-h1: round(down, clamp(2.14rem, 1.86vi + 1.76rem, 3.16rem), 0.125rem);
    --fc-h1plus: round(down, clamp(2.67rem, 2.8vi + 2.11rem, 4.21rem), 0.125rem);


    /* margins */
    --margin-xxs: 0.125rem;
    --margin-xs: 0.25rem;
    --margin-s: 0.5rem;
    --margin-m: 1rem;
    --margin-l: 1.25rem;
    --margin-xl: 2.5rem;
    --margin-xxl: 3.75rem;

    /* fluid margin clamps */
    --mc-l: round(down, clamp(0.5rem, calc(0.5rem + ((1vw - 0.2rem) * 1.875)), 1.25rem), 0.25rem);
    --mc-xl: round(down, clamp(var(--margin-s), calc(0.5rem + ((1vw - 0.2rem) * 5)), var(--margin-xl)), 0.25rem);

    /* border radius */
    --br-s: 2px;
    --br-m: 4px;
    --br-l: 8px;
    --br-xl: 16px;
    --br-xxl: 32px;


}