:root {
    /* Main Colors */
    --atp-bg: #211B1E;
    --atp-header: #211B1E;
    --atp-network-bar-bg: #1a1518;
    --atp-network-bar-text: #c5d0d3;
    --atp-footer: #211B1E;
    --atp-footer-text: #C9D2D3;
    --atp-footer-link: #FFC642;
    --atp-footer-link-hover: #C9D2D3;
    --atp-footer-border: #3d3538;
    --atp-body-text: #C9D2D3;

    /* Dark Shades */
    --atp-dark-1: #2a2326;
    --atp-dark-2: #322a2d;
    --atp-dark-3: #3a3135;
    --atp-dark-4: #42383c;

    /* Borders */
    --atp-border-light: #3d3538;
    --atp-border-medium: #4d4448;
    --atp-border-dark: #6D7275;

    /* Text Colors */
    --atp-text-primary: #ffffff;
    --atp-text-secondary: #9aa9ae;
    --atp-text-light-gray: #c5d0d3;

    /* Accent Colors */
    --atp-primary: #FFC642;
    --atp-primary-hover: #e6b238;
    --atp-secondary: #6D7275;
    --atp-secondary-hover: #5a5e61;
    --atp-content-link: #FFC642;
    --atp-content-link-hover: #C9D2D3;

    /* Status Colors */
    --atp-success: #2d8a54;
    --atp-info: #6D7275;
    --atp-error: #e85d75;
    --atp-warning: #FFC642;

    /* Component Colors */
    --atp-card-bg: rgba(42, 35, 38, 0.75);
    --atp-card-border: rgba(255, 198, 66, 0.35);
    --atp-model-tag-bg: #322a2d;
    --atp-model-tag-bg-hover: #FFC642;
    --atp-model-tag-text: #ffffff;
    --atp-model-tag-hover-text: #ffffff;
    --atp-overlay: rgba(33, 27, 30, 0.72);

    /* Navbar Colors */
    --atp-navbar-bg: #211B1E;
    --atp-navbar-border: #3d3538;
    --atp-navbar-text: #C9D2D3;
    --atp-navbar-active: #FFC642;
    --atp-navbar-hover: #2d2629;

    /* Branding Colors */
    --atp-logo-bg: #FFC642;
    --atp-logo-text: #211B1E;
    --atp-site-name-color: #C9D2D3;

    /* Affiliates / CCBill form panel (optional overrides in colors.*) */
    --atp-affiliates-form-label-bg: #322a2d;
    --atp-affiliates-form-field-bg: #2a2326;
    --atp-affiliates-accent: #FFC642;
    --atp-search-bg: #000000;
}