:root {
    /* Main Colors */
    --atp-bg: #000000;
    --atp-header: #000000;
    --atp-footer: #070707;
    --atp-body-text: #ffffff;

    /* Dark Shades */
    --atp-dark-1: #1e1e1e;
    --atp-dark-2: #2d2d2d;
    --atp-dark-3: #3d3d3d;
    --atp-dark-4: #424242;

    /* Borders */
    --atp-border-light: #333;
    --atp-border-medium: #444;
    --atp-border-dark: #666;

    /* Text Colors */
    --atp-text-primary: #ffffff;
    --atp-text-secondary: #999999;
    --atp-text-light-gray: #cccccc;

    /* Accent Colors */
    --atp-primary: #e53935;
    --atp-primary-hover: #c62828;
    --atp-secondary: #42a5f5;
    --atp-secondary-hover: #1e88e5;

    /* Status Colors */
    --atp-success: #28a745;
    --atp-info: #007bff;
    --atp-error: #dc3545;
    --atp-warning: #ffc107;

    /* Component Colors */
    --atp-card-bg: rgba(30, 30, 30, 0.5);
    --atp-card-border: rgba(102, 102, 102, 0.3);
    --atp-overlay: rgba(0, 0, 0, 0.5);

    /* Navbar Colors */
    --atp-navbar-bg: #000000;
    --atp-navbar-border: #333;
    --atp-navbar-text: #ffffff;
    --atp-navbar-active: #e53935;
    --atp-navbar-hover: #333;

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

    /* Affiliates / CCBill form panel (optional overrides in colors.*) */
    --atp-affiliates-form-label-bg: #3d3d3d;
    --atp-affiliates-form-field-bg: #2d2d2d;
    --atp-affiliates-accent: #e53935;
}