/* ========== ACCOUNTSUP DYNAMIC THEME ========== */

/* --- CSS Custom Properties --- */
:root {
    --primary: #ff0a0a;
    --primary-dark: #ffffff;
    --primary-light: #ff3232;
    --accent: #0f0038;
    --accent-hover: #fff700;
    --accent-light: #2d1e56;
    --sidebar-start: #00eeff;
    --sidebar-end: #f50000;
    --sidebar-use-gradient: 0;
    --sidebar-single-color: #0f0038;
    --footer-bg: #f4eefb;
    --footer-text: #a8a3a3;
    --footer-heading: #e4dfdf;
    --hero-bg: #ffffff;
    --hero-heading: #ffffff;
    --hero-text: #ffffff;
    --hero-overlay: #d9d7f9;
    --hero-opacity: 0;
    --btn-primary-bg: #fcfdfd;
    --btn-primary-text: #db0000;
    --btn-primary-use-gradient: 0;
    --btn-accent-bg: #bbff00;
    --btn-accent-text: #525252;
    --btn-accent-use-gradient: 0;
    --cta-bg: #0f0038;
    --cta-text: #ffffff;
    --stats-bg: #ffffff;
    --stats-use-gradient: 0;
    --stats-number: #00ff1e;
    --stats-label: #ffffff;
    --services-bg: #ffffff;
    --services-heading: #0f0038;
    --services-text: #0f0038;
    --services-icon: #eefe10;
    --testimonials-bg: #faf8ff;
    --testimonials-heading: #0f0038;
    --testimonials-text: #4a4a4a;
    --testimonials-card: #d53434;
    --why-bg: #ffffff;
    --why-heading: #0f0038;
    --why-text: #4a4a4a;
    --why-icon: #4b1f78;
    --industries-bg: #f5f5fb;
    --industries-heading: #0f0038;
    --industries-text: #4a4a4a;
    --navbar-bg: #ff0000;
    --navbar-text: #0f0038;
    --card-bg: #ee1b1b;
    --body-bg: #7c7c9c;
    --section-bg-alt: #f316c3;
    --logo-text: #0f0038;
    --logo-span: #ff6b3d;
    --logo-name: 'AccountsUp';
    --logo-image: '';
    --sidebar-logo-text: #ffffff;
    --sidebar-text: #ffffff;
}

/* --- Body & General --- */
body { background: var(--body-bg); }

/* --- Hero Section --- */
.hero-section, .hero, .hero-slider {
    background: var(--hero-bg);
}
.hero-section h1, .hero-section h2, .hero h1, .hero h2, .hero-slider h1, .hero-slider h2 {
    color: var(--hero-heading);
}
.hero-section p, .hero p, .hero-slider p {
    color: var(--hero-text);
}

/* --- Navbar --- */
.navbar { background: var(--navbar-bg); }
.navbar a, .navbar .nav-link, .navbar .menu > li > a,
.navbar h1, .navbar h2, .navbar span,
.nav-flex a, .nav-item a, .nav-items > li > a {
    color: var(--navbar-text);
}

/* --- Logo --- */
.logo h1, .logo h2, .logo-text, .logo h1 a, .logo h2 a {
    color: var(--logo-text) !important;
}
.logo span, .logo-icon, .logo h1 span, .logo h2 span, .logo-text span {
    color: var(--logo-span) !important;
}
.navbar .logo h1, .navbar .logo-icon { color: var(--logo-text) !important; }
.navbar .logo span, .navbar h1 span { color: var(--logo-span) !important; }

/* --- Sidebar (Admin/User) --- */
.sidebar {
        background: var(--sidebar-single-color);
    }
.sidebar .logo span { color: #4b3c74; }
.sidebar .logo h2, .sidebar .logo h1, .sidebar .logo-text { color: var(--sidebar-logo-text) !important; }
.sidebar .menu li a, .sidebar .menu a, .sidebar a,
.sidebar .submenu a, .sidebar .menu li span, .sidebar p { color: var(--sidebar-text); }

/* --- Primary Buttons --- */
.btn-primary, .btn-cta, .submit-btn,
button[class*="btn-primary"], a[class*="btn-primary"],
.btn-login, .btn-register, .reg-submit-btn,
.explore-link, .modal-close-btn {
        background: var(--btn-primary-bg);
        color: var(--btn-primary-text);
}
.btn-primary:hover, .btn-cta:hover, .submit-btn:hover,
.btn-login:hover, .btn-register:hover, .modal-close-btn:hover {
        background: var(--primary-dark);
        box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

/* --- Accent Buttons --- */
.btn-accent, .btn-secondary, .btn-cta-alt,
button[class*="btn-accent"], a[class*="btn-accent"],
.support-btn {
        background: var(--btn-accent-bg);
        color: var(--btn-accent-text);
}
.btn-accent:hover, .btn-secondary:hover, .btn-cta-alt:hover {
        background: var(--accent-hover);
    }

/* --- Cards --- */
.card, .card-bg, .services-box, .support-box,
.table-box, .chart-box, .activity-box,
.documents, .section, .placeholder-box,
.contact-card, .features-card, .price-card {
    background: var(--card-bg);
}

/* --- Headings --- */
h1, h2, h3, h4, h5, h6,
.card h4, .section h3, .table-box h3,
.activity-box h3, .chart-box h3, .documents h3,
.services-box h3, .support-box h3,
.contact-section h3, .modal-box h3 {
    color: var(--primary-dark);
}

/* --- Footer --- */
.footer, footer { background: var(--footer-bg); }
.footer, footer, .footer a, .footer p, .footer span,
.footer h4, footer h4, footer p, footer a, footer span,
.footer-bottom, .footer .footer-bottom {
    color: var(--footer-text);
}
.footer a:hover, footer a:hover { color: var(--accent); }

/* --- Hero Section --- */
.hero-section, .hero-banner, .hero-overlay,
[class*="hero"] .overlay, .hero .overlay {
    background-color: var(--hero-overlay);
}
.hero-section::before, .hero-banner::before,
.hero-overlay::before, [class*="hero"] .overlay::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--hero-overlay);
    opacity: var(--hero-opacity);
}

/* --- CTA Section --- */
.cta-block {
    background: var(--cta-bg);
    color: var(--cta-text);
}
.cta-block h3, .cta-block p, .cta-block a {
    color: var(--cta-text);
}

/* --- Stats Section --- */
.stats-grid {
        background: var(--stats-bg);
    }
.stat-number {
    color: var(--stats-number);
}
.stat-item > div:not(.stat-number) {
    color: var(--stats-label);
}

/* --- Services Section --- */
.services, .services-section {
    background: var(--services-bg);
}
.services h2, .services h3, .services-section h2, .services-section h3 {
    color: var(--services-heading);
}
.services p, .services-section p {
    color: var(--services-text);
}
.service-icon, .services-box i, .services-section i {
    color: var(--services-icon);
}

/* --- Why Choose Us Section --- */
.why-section, .why-choose-us {
    background: var(--why-bg);
}
.why-section h2, .why-section h3, .why-choose-us h2, .why-choose-us h3 {
    color: var(--why-heading);
}
.why-section p, .why-section li, .why-choose-us p, .why-choose-us li {
    color: var(--why-text);
}
.why-section i, .why-choose-us i {
    color: var(--why-icon);
}

/* --- Industries Section --- */
.industries, .industries-section {
    background: var(--industries-bg);
}
.industries h2, .industries h3, .industries-section h2, .industries-section h3 {
    color: var(--industries-heading);
}
.industries p, .industries-section p {
    color: var(--industries-text);
}

/* --- Testimonials Section --- */
.testimonials, .testimonials-section {
    background: var(--testimonials-bg);
}
.testimonials h2, .testimonials h3, .testimonials-section h2, .testimonials-section h3 {
    color: var(--testimonials_heading);
}
.testimonials p, .testimonials-section p {
    color: var(--testimonials_text);
}
.testimonial-card, .testimonials .card {
    background: var(--testimonials-card);
}
[class*="alt-section"], [class*="section-alt"],
.service-section, .testimonial-section,
.cta-section, .stats-section {
    background: var(--section-bg-alt);
}

/* --- Links & Accents --- */
a, .link { color: var(--primary); }
a:hover { color: var(--accent); }
.explore-link, .explore-link:hover { color: var(--accent); }

/* --- Status Badges & Icons --- */
.card-icon, .service-icon, .status-badge,
.badge, .highlight-icon {
    background: linear-gradient(180deg, var(--primary), var(--accent));
}

/* --- Form Focus --- */
input:focus, textarea:focus, select:focus,
.form-group input:focus, .form-group textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(75,31,120,0.1);
}

/* --- Price & Highlight --- */
.price, .price-card .price, .highlight-text { color: var(--accent); }
.price-card { border-left: 4px solid var(--primary); }
.highlight-box, .highlight-box strong { border-left-color: var(--primary); color: var(--primary-dark); }

/* --- Table Headers --- */
table th { background: rgba(75,31,120,0.06); color: var(--primary-dark); }

/* --- Scrollbar (Webkit) --- */
::-webkit-scrollbar-thumb { background: linear-gradient(var(--primary), var(--accent)); border-radius: 10px; }
::-webkit-scrollbar-track { background: var(--body-bg); }