/* UIkit Scoped Overrides */
.desi-smart-content {
    --brand-teal: #169179;
    --primary-color: #0d1117; /* Tech dark */
    --accent-color: #00f0ff; /* Cyber neon blue/teal */
    --accent-hover: #00c3cf;
    --text-dark: #333333;
    --text-dark-muted: #666666;
    --text-main: #c9d1d9;
    --text-light: #ffffff;
    --bg-default: #ffffff;
    --bg-muted: #f8f9fa;
    --bg-secondary: #0d1117;
    --bg-primary: #169179;
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    font-family: var(--font-body);
}

/* Global headings logic */
.desi-smart-content h1, 
.desi-smart-content h2, 
.desi-smart-content h3, 
.desi-smart-content h4, 
.desi-smart-content h5, 
.desi-smart-content h6, 
.desi-smart-content .uk-h1, 
.desi-smart-content .uk-h2, 
.desi-smart-content .uk-h3, 
.desi-smart-content .uk-h4, 
.desi-smart-content .uk-h5, 
.desi-smart-content .uk-h6, 
.desi-smart-content .uk-logo {
    font-family: var(--font-heading) !important;
    letter-spacing: -0.02em;
}

/* =========================================
   SECTION COLORS & CONTRAST
   ========================================= */

/* 1. Default Section (White) */
.desi-smart-content .uk-section-default {
    background-color: var(--bg-default);
    color: var(--text-dark);
}
.desi-smart-content .uk-section-default h1,
.desi-smart-content .uk-section-default h2,
.desi-smart-content .uk-section-default h3,
.desi-smart-content .uk-section-default h4,
.desi-smart-content .uk-section-default .uk-text-primary,
.desi-smart-content .uk-section-default .badge {
    color: var(--brand-teal) !important;
}
.desi-smart-content .uk-section-default .uk-text-muted {
    color: var(--text-dark-muted) !important;
}

/* 2. Muted Section (Light Grey) */
.desi-smart-content .uk-section-muted {
    background-color: var(--bg-muted);
    color: var(--text-dark);
}
.desi-smart-content .uk-section-muted h1,
.desi-smart-content .uk-section-muted h2,
.desi-smart-content .uk-section-muted h3,
.desi-smart-content .uk-section-muted h4,
.desi-smart-content .uk-section-muted .uk-text-primary,
.desi-smart-content .uk-section-muted .badge {
    color: var(--brand-teal) !important;
}
.desi-smart-content .uk-section-muted .uk-text-muted {
    color: var(--text-dark-muted) !important;
}

/* 3. Secondary Section (Dark) */
.desi-smart-content .uk-section-secondary,
.desi-smart-content .hero-section {
    background-color: var(--bg-secondary);
    color: var(--text-main);
}
.desi-smart-content .uk-section-secondary h1,
.desi-smart-content .uk-section-secondary h2,
.desi-smart-content .uk-section-secondary h3,
.desi-smart-content .uk-section-secondary h4,
.desi-smart-content .hero-section h1 {
    color: var(--text-light) !important;
}
.desi-smart-content .uk-section-secondary .uk-text-primary {
    color: var(--accent-color) !important;
}
.desi-smart-content .uk-section-secondary .uk-text-muted {
    color: #8b949e !important;
}

/* 4. Primary Section (Desi Teal) */
.desi-smart-content .uk-section-primary {
    background-color: var(--bg-primary);
    color: var(--text-light);
}
.desi-smart-content .uk-section-primary h1,
.desi-smart-content .uk-section-primary h2,
.desi-smart-content .uk-section-primary h3,
.desi-smart-content .uk-section-primary h4 {
    color: var(--text-light) !important;
}
.desi-smart-content .uk-section-primary .uk-text-muted {
    color: rgba(255,255,255,0.7) !important;
}

/* Button Overrides */
.desi-smart-content .uk-button-primary {
    background-color: var(--brand-teal) !important;
    color: #ffffff !important;
    border-radius: 50px;
    font-weight: 600;
    font-family: var(--font-heading);
    text-transform: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: none;
}

.desi-smart-content .uk-button-primary:hover {
    background-color: #117561 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(22, 145, 121, 0.3);
}