/* === VARIABLES === */
:root{
    /* ========= COLORI ========= */
    --color-primary: #1E1E1E;
    --color-secondary: #F0F0F0;
    --color-gray: #E1E1E1;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-text: #202020;
    --color-border: #DDDDDD;

    /* ========= TYPOGRAPHY ========= */
    --font-title: "Futura", sans-serif;
    --font-body: "Rubik", sans-serif;
    --font-special: "Underwood", serif;

    /* ========= SIZE ========= */
    --container-width: 70%;
    --radius-sm:6px;
    --radius:12px;
    --radius-lg:20px;
    --radius-xl:30px;

    /* ========= SHADOW ========= */
    --shadow-sm:0 3px 10px rgba(0,0,0,.10);
    --shadow:
        0 10px 30px rgba(0,0,0,.18);
    --shadow-lg:
        0 20px 60px rgba(0,0,0,.22);

    /* ========= TRANSITIONS ========= */
    --transition:.30s ease;
}