:root {
    /* Colors */
    --color-black: #1B1B1B;
    --color-blue-full: #030320;
    --color-blue: #0E3BA6;
    --color-blue-half: rgba(14, 59, 166, 0.5);
    /* Assuming 50% opacity based on name */
    --color-blue-quarter: rgba(14, 59, 166, 0.25);
    /* Assuming 25% opacity */

    --color-green: #00BC5B;
    --color-green-half: rgba(0, 188, 91, 0.5);
    --color-green-quarter: rgba(0, 188, 91, 0.25);

    --color-red-full: #9D080C;
    --color-red: #DC3136;
    --color-red-half: rgba(220, 49, 54, 0.5);

    --color-light-blue: #EEF6FF;
    --color-white: #ffffff;

    /* Gradients */
    --gradient-primary: linear-gradient(90deg, #00BC5B 0%, #0E3BA7 100%);

    /* Typography */
    --font-family-primary: 'Be Vietnam Pro', sans-serif;

    /* Font Sizes - Desktop */
    --fs-42: 42px;
    --fs-36: 36px;
    --fs-28: 28px;
    --fs-16: 16px;
    --fs-14: 14px;
}

@media (max-width: 768px) {
    :root {
        --fs-42: 36px;
        --fs-36: 28px;
        --fs-28: 22px;
        --fs-16: 14px;
        --fs-14: 12px;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-family-primary);
}