:root {
    /* Primary */
    --primary: #102697;
    --primary-hover: #3a4df2;
    --primary-dark: #3a4df2;
    
    --secondary: #000;
    --secondary-hover: #000;
    --secondary-light: #A7BFFE;
    --title: #000;
    --bg-light: aliceblue;
    --light-dark: #bbc8f0;
    --theme-text-color: #000000;
    --dark: #151F37;
    --dark-light: #F9F9F9;
    /* Primary RGBA */
    --rgba-primary-1: rgba(16, 38, 151, 0.1);
    --rgba-primary-2: rgba(58, 79, 242, 0.2);
    --rgba-primary-3: rgba(187, 200, 240, 0.3);
    --rgba-primary-4: rgba(224, 232, 252, 0.4);
    --rgba-primary-5: rgba(16, 38, 151, 0.5);
    --rgba-primary-6: rgba(58, 79, 242, 0.6);
    --rgba-primary-7: rgba(187, 200, 240, 0.7);
    --rgba-primary-8: rgba(224, 232, 252, 0.8);
    --rgba-primary-9: rgba(16, 38, 151, 0.9);
    
    /* Gradient */
    --gradient1: linear-gradient(307deg, #bbc8f0 1.9%, #FFDFE7 67.57%);
    --gradient2: linear-gradient(307deg, #FFEA96 1.9%, #FFB0B0 85.96%);
}