:root {
    /* Primary */
    --primary: #ffc1b4;
    --primary-hover: #e3a79b;
    --primary-dark: #dd9282;

    --secondary: #3b6ff5;
    --secondary-hover: #2e5fdd;
    --secondary-light: #a7bffe;
    --title: #222222;
    --bg-light: #faf8f2;
    --theme-text-color: #000000;
    --dark: #151f37;
    --dark-light: #515e7d;

    /* Primary RGBA */
    --rgba-primary-1: rgba(255, 193, 180, 0.1);
    --rgba-primary-2: rgba(255, 193, 180, 0.2);
    --rgba-primary-3: rgba(255, 193, 180, 0.3);
    --rgba-primary-4: rgba(255, 193, 180, 0.4);
    --rgba-primary-5: rgba(255, 193, 180, 0.5);
    --rgba-primary-6: rgba(255, 193, 180, 0.6);
    --rgba-primary-7: rgba(255, 193, 180, 0.7);
    --rgba-primary-8: rgba(255, 193, 180, 0.8);
    --rgba-primary-9: rgba(255, 193, 180, 0.9);

    /* Secondary RGBA */
    --rgba-secondary-1: rgba(59, 111, 245, 0.1);
    --rgba-secondary-2: rgba(59, 111, 245, 0.2);
    --rgba-secondary-3: rgba(59, 111, 245, 0.3);
    --rgba-secondary-4: rgba(59, 111, 245, 0.4);
    --rgba-secondary-5: rgba(59, 111, 245, 0.5);
    --rgba-secondary-6: rgba(59, 111, 245, 0.6);
    --rgba-secondary-7: rgba(59, 111, 245, 0.7);
    --rgba-secondary-8: rgba(59, 111, 245, 0.8);
    --rgba-secondary-9: rgba(59, 111, 245, 0.9);

    /* Gradient */
    --gradient1: linear-gradient(
        180deg,
        #ffffff 26.76%,
        rgba(59, 111, 245, 0.25) 109.73%
    );
    --gradient2: linear-gradient(
        180deg,
        rgba(255, 193, 180, 0) 0%,
        rgb(255 223 216) 100%
    );
}