:root {

    /* CORES PRINCIPAIS */

    --primary: #082D3C;
    --primary-light: #0C686B;

    --secondary: #11A7A9;

    --dark: #051C25;
    --dark-soft: #103E4A;

    --white: #FFFFFF;

    --gray-50: #F8FAFB;
    --gray-100: #F3F5F6;
    --gray-200: #E4EAED;
    --gray-300: #D2DBDF;
    --gray-400: #A8B5BB;

    --text: #24343A;

    /* SOMBRAS */

    --shadow-sm:
        0 10px 30px rgba(0,0,0,.05);

    --shadow-md:
        0 15px 40px rgba(0,0,0,.08);

    --shadow-lg:
        0 25px 70px rgba(0,0,0,.12);

    /* BORDAS */

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-xl: 40px;

    /* CONTAINER */

    --container: 1280px;

    /* TRANSIÇÕES */

    --transition: .3s ease;
}