:root {
    /* Main Colors */
    --atp-bg: #000000;
    --atp-header: #020810;
    --atp-network-bar-bg: #000508;
    --atp-network-bar-text: #b8dce6;
    --atp-footer: #030c14;
    --atp-footer-text: #e8f6fa;
    --atp-footer-link: #DA1B5C;
    --atp-footer-link-hover: #e8f6fa;
    --atp-footer-border: #1e3a48;
    --atp-body-text: #e8f6fa;

    /* Dark Shades */
    --atp-dark-1: #0a1218;
    --atp-dark-2: #0f1822;
    --atp-dark-3: #15202c;
    --atp-dark-4: #1c2a38;

    /* Borders */
    --atp-border-light: #1e3a48;
    --atp-border-medium: #2a4d5c;
    --atp-border-dark: #3a6475;

    /* Text Colors */
    --atp-text-primary: #f0fafc;
    --atp-text-secondary: #94c5d2;
    --atp-text-light-gray: #c4e6ee;

    /* Accent Colors */
    --atp-primary: #28AEC5;
    --atp-primary-hover: #1f8fa3;
    --atp-secondary: #DA1B5C;
    --atp-secondary-hover: #b8144d;
    --atp-content-link: #8fe0ed;
    --atp-content-link-hover: #b8f0f7;

    /* Status Colors */
    --atp-success: #2d9f72;
    --atp-info: #208896;
    --atp-error: #DA1B5C;
    --atp-warning: #e8b84d;

    /* Component Colors */
    --atp-card-bg: rgba(8, 16, 24, 0.72);
    --atp-card-border: rgba(40, 174, 197, 0.35);
    --atp-overlay: rgba(0, 0, 0, 0.78);

    /* Navbar Colors */
    --atp-navbar-bg: #000000;
    --atp-navbar-border: #1e3a48;
    --atp-navbar-text: #e8f6fa;
    --atp-navbar-active: #DA1B5C;
    --atp-navbar-hover: #2a4d5c;

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

    /* Affiliates / CCBill form panel (optional overrides in colors.*) */
    --atp-affiliates-form-label-bg: #15202c;
    --atp-affiliates-form-field-bg: #0f1822;
    --atp-affiliates-accent: #DA1B5C;
    --atp-search-bg: #000000;
}