:root {
    /* TEXTS */
    --title-xl: clamp(26px, calc(50vw / 19.2), 50px);
    --title-l: clamp(24px, calc(40vw / 19.2), 40px);
    --title-m: clamp(20px, calc(30vw / 19.2), 30px);
    --title-s: clamp(18px, calc(25vw / 19.2), 25px);
    --base: clamp(14px, calc(16vw / 19.2), 16px);

    /* FONTS */
    --font-main: "Inter", sans-serif;
    --font-title: "Poppins", sans-serif;

    /* COLORS */
    --color-primary: #2C2E5A;
    --color-secondary: #F2723B ;
    --color-back: #1D1F54;
    --color-light: #fff;
    --color-dark: #000;
    --color-grey: #F6F6F6;

    /* MARGINS */
    --gap-xs: 10px;
    --gap-s: clamp(20px, calc(30vw / 19.2), 30px);
    --gap-m: clamp(30px, calc(50vw / 19.2), 50px);
    --gap-l: clamp(50px, calc(100vw / 19.2), 100px);
    --gap-xl: clamp(80px, calc(120vw / 19.2), 120px);
    --pad-base: 10px 20px;

    /* RADIUS */
    --radius-btn: 100px;
    --radius: 30px;

    /* TRANSITION */
    --transition-base: cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    --shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);

    /* FOOTER */
    --footer-height: 1000px;
}