:root {
    --bg-color: #ffffff;
    --text-color: #333333;
    --secondary-text: #6c757d;
    --link-color: #007bff;
    --link-hover-color: #0056b3;
    --header-bg: #f4f4f4;
    --footer-bg: #333333;
    --footer-text: #ffffff;
    --btn-primary-bg: #007bff;
    --btn-primary-text: #ffffff;
    --btn-secondary-bg: #6c757d;
    --btn-secondary-text: #ffffff;
    --btn-tertiary-bg: #ac31b0;
    --btn-tertiary-text: #ffffff;
    --card-bg: #ffffff;
    --card-border: #e0e0e0;
    --input-border: #cccccc;

    --border-radius: 2rem;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #1a1a1a;
        --text-color: #e0e0e0;
        --secondary-text: #b9bbbe;
        --link-color: #3a9fff;
        --link-hover-color: #70b8ff;
        --header-bg: #2a2a2a;
        --footer-bg: #2a2a2a;
        --footer-text: #e0e0e0;
        --btn-primary-bg: #3a9fff;
        --btn-primary-text: #ffffff;
        --btn-secondary-bg: #5a5a5a;
        --btn-secondary-text: #ffffff;
        --card-bg: #2a2a2a;
        --card-border: #444444;
        --input-border: #444444;
    }
}