:root {
    --primary-color: #243B8C;
    --secondary-color: #EFF1FF;

    /*--light-color: rgba(207, 244, 225, 0.5);*/
    --light-color: rgba(243, 245, 255, 0.70);

    /* Borders */
    --border-1: #DADDDC;
    --border-2: #E2E8F0;

    /* Background Layers */
    --bg-1: #e3e5ff;
    --bg-2: #F5F7F6;
    --bg-3: rgba(243, 245, 255, 0.70);
    /*--bg-3: #243b8c0f;*/
    --bg-4: #1C1C1F;

    /* Shadow */
    --shadow-1: 0 8px 20px rgba(0, 0, 0, 0.05);

    /* Gradients */
    --gradient-circle: radial-gradient(circle, rgba(243, 245, 255, 1) 0%, rgba(72, 143, 249, 0) 70%);
    --gradient-color: linear-gradient(
        180deg,
        rgba(243, 245, 255, 1) 0%,
        rgba(255, 255, 255, 0.92) 100%
    );

    /* text-color */
    --text-color-1: #020202;
    --text-color-2: rgba(109, 110, 115, 1);
    --black-color: #00150f;
    --white-color: #ffffff;
    --white-color-rgb: 255, 255, 255;
}