:root {
    /* Colors */
    --color-text: #000;
    --color-border: #e2e2e2;
    --color-bg: #ffffff;
    --color-bg-alt: #f8f8f8;
    --color-accent: #0066cc;
    --color-red: #B92733;
    --color-yellow: #FFD802;

    --padding-tb: 3.25rem; 
    --padding-lr: 6.5rem;
}



/* small tablet or phone */
@media (max-width: 768px) {
    :root {
        --padding-tb: 2.75rem; 
        --padding-lr: 2.125rem;
    }
}

/* phones */
@media (max-width: 568px) {
    :root {
        --padding-tb: 2.25rem;
        --padding-lr: 1rem;
    }
}