:root {
    /* Main Colors */
    --atp-bg: #0a0610;
    --atp-header: #0e0814;
    --atp-footer: #120c18;
    --atp-body-text: #f7f4fc;

    /* Dark Shades */
    --atp-dark-1: #181022;
    --atp-dark-2: #221a2e;
    --atp-dark-3: #2d2438;
    --atp-dark-4: #3a3148;

    /* Borders */
    --atp-border-light: #3d2f4a;
    --atp-border-medium: #4f3f62;
    --atp-border-dark: #6b5a7a;

    /* Text Colors */
    --atp-text-primary: #f7f4fc;
    --atp-text-secondary: #9a8fb0;
    --atp-text-light-gray: #d8d0e8;

    /* Accent Colors */
    --atp-primary: #AF1732;
    --atp-primary-hover: #890019;
    --atp-secondary: #6351a3;
    --atp-secondary-hover: #4c3d7e;

    /* Status Colors */
    --atp-success: #2d8a54;
    --atp-info: #5c4d9e;
    --atp-error: #b83250;
    --atp-warning: #e8b84d;

    /* Component Colors */
    --atp-card-bg: rgba(22, 16, 34, 0.55);
    --atp-card-border: rgba(99, 81, 163, 0.35);
    --atp-overlay: rgba(10, 6, 16, 0.65);

    /* Navbar Colors */
    --atp-navbar-bg: #0a0610;
    --atp-navbar-border: #3d2f4a;
    --atp-navbar-text: #f0eaf8;
    --atp-navbar-active: #c43d6a;
    --atp-navbar-hover: #2a1f38;

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

    /* Affiliates / CCBill form panel (optional overrides in colors.*) */
    --atp-affiliates-form-label-bg: #2d2438;
    --atp-affiliates-form-field-bg: #221a2e;
    --atp-affiliates-accent: #c43d6a;
}