:root {
    /* Main Colors */
    --atp-bg: #0a0a0a;
    --atp-header: #181818;
    --atp-network-bar-bg: #0d0d0d;
    --atp-network-bar-text: #d8d8d8;
    --atp-footer: #181818;
    --atp-footer-text: #d8d8d8;
    --atp-footer-link: #CCBE00;
    --atp-footer-link-hover: #ffffff;
    --atp-footer-border: #404040;
    --atp-body-text: #eef0f0;

    /* Dark Shades */
    --atp-dark-1: #1a1a1a;
    --atp-dark-2: #141414;
    --atp-dark-3: #242424;
    --atp-dark-4: #2e2e2e;

    /* Borders */
    --atp-border-light: #404040;
    --atp-border-medium: #505050;
    --atp-border-dark: #6D7275;

    /* Text Colors */
    --atp-text-primary: #ffffff;
    --atp-text-secondary: #b8bcc0;
    --atp-text-light-gray: #d0d4d8;

    /* Accent Colors */
    --atp-primary: #CCBE00;
    --atp-primary-hover: #b0a400;
    --atp-join-button-text: #ffffff;
    --atp-join-button-bg: #FE0000;
    --atp-join-button-bg-hover: #d90000;
    --atp-login-button-bg: #454545;
    --atp-login-button-bg-hover: #565656;
    --atp-login-button-text: #ffffff;
    --atp-secondary: #CCBE00;
    --atp-secondary-hover: #a89d00;
    --atp-content-link: #e8dc00;
    --atp-content-link-hover: #FE0000;

    /* Status Colors */
    --atp-success: #2d8a54;
    --atp-info: #CCBE00;
    --atp-error: #FE0000;
    --atp-warning: #CCBE00;

    /* Component Colors */
    --atp-card-bg: rgba(24, 24, 24, 0.88);
    --atp-card-border: rgba(254, 0, 0, 0.28);
    --atp-overlay: rgba(0, 0, 0, 0.78);

    /* Navbar Colors */
    --atp-navbar-bg: #181818;
    --atp-navbar-border: #404040;
    --atp-navbar-text: #f5f5f5;
    --atp-navbar-active: #FE0000;
    --atp-navbar-hover: #2a2a2a;

    /* Branding Colors */
    --atp-logo-bg: #181818;
    --atp-logo-text: #ffffff;
    --atp-site-name-color: #eef0f0;

    /* Affiliates / CCBill form panel (optional overrides in colors.*) */
    --atp-affiliates-form-label-bg: #242424;
    --atp-affiliates-form-field-bg: #1a1a1a;
    --atp-affiliates-accent: #FE0000;
    --atp-search-bg: #000000;
    --atp-search-border: #404040;
}