.dark-theme {
    --bg-color: #121212;
    --bg-content-color: #121212;
    --text-color: #fff;

    --link-color: #ff3d03;
    --header-bg-color: #282828;
    --footer-bg-color: #282828;
    --border-color: #1a1a1a;
    --dropdown-bg-color: #3f3f3f;
    --accent-color: #ff3d03;

    --button-bg-color: #0a0a0a;
    --button-text-color: #ffffff;
    --button-border-color: #1a1a1a;

    --border-separator-color: #e0e0e0;

    --card-bg-color: #282828;
    --card-text-color: #fff;
    --card-border-color: #222222;

    --cta-bg-color: #ff3d03;
    --cta-border-color: #ff3d03;
    --cta-text-color: #ffffff;

    --payment-bg-color: #0a0a0a;
    --payment-text-color: #fff;
    --payment-border-color: #222222;
    --payment-card-bg-color: #111111;
    --payment-card-header-bg-color: #0f0f0f;
    --payment-card-body-bg-color: #111111;
    --payment-input-bg-color: #0a0a0a;
}

.light-theme, html {
    --bg-color: #F5F5F5;
    --bg-content-color: #E5E7EB;
    --text-color: #121212;

    --link-color: #1a73e8;
    --header-bg-color: #f5f5f5;
    --footer-bg-color: #f5f5f5;
    --border-color: #e0e0e0;
    --dropdown-bg-color: #ffffff;
    --accent-color: #ff3d03;

    --button-bg-color: #E5E7EB;
    --button-text-color: #333333;
    --button-border-color: #d1d5db;

    --border-separator-color: #1a1a1a;

    --card-bg-color: #F9FAF9;

    --card-text-color: #333333;
    --card-border-color: #d1d5db;

    --cta-bg-color: #ff3d03;
    --cta-border-color: #ff3d03;
    --cta-text-color: #ffffff;

    --payment-bg-color: #E5E7EB;
    --payment-text-color: #333333;
    --payment-border-color: #e0e0e0;
    --payment-card-bg-color: #F9FAF9;
    --payment-card-header-bg-color: #ffffff;
    --payment-card-body-bg-color: #F9FAF9;
    --payment-input-bg-color: #E5E7EB;
}