/* Enhanced Color Scheme */

:root {
    /* Primary Colors */
    --primary-color: #3498db;
    --primary-dark: #2980b9;
    --primary-light: #5dade2;
    
    /* Secondary Colors */
    --secondary-color: #2ecc71;
    --secondary-dark: #27ae60;
    --secondary-light: #58d68d;
    
    /* Accent Colors */
    --accent-color: #e74c3c;
    --accent-dark: #c0392b;
    --accent-light: #ec7063;
    
    /* Neutral Colors */
    --dark-color: #2c3e50;
    --dark-light: #34495e;
    --light-color: #ecf0f1;
    --light-dark: #bdc3c7;
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f9f9f9;
    --bg-tertiary: #f1f1f1;
    
    /* Text Colors */
    --text-primary: #2c3e50;
    --text-secondary: #7f8c8d;
    --text-light: #ecf0f1;
    
    /* Shadow Colors */
    --shadow-color: rgba(0, 0, 0, 0.1);
    --shadow-color-dark: rgba(0, 0, 0, 0.2);
}

/* Dark Theme Colors */
[data-theme="dark"] {
    --primary-color: #3498db;
    --primary-dark: #2980b9;
    --primary-light: #5dade2;
    
    --secondary-color: #2ecc71;
    --secondary-dark: #27ae60;
    --secondary-light: #58d68d;
    
    --accent-color: #e74c3c;
    --accent-dark: #c0392b;
    --accent-light: #ec7063;
    
    --dark-color: #ecf0f1;
    --dark-light: #bdc3c7;
    --light-color: #2c3e50;
    --light-dark: #34495e;
    
    --bg-primary: #1a1a1a;
    --bg-secondary: #2c2c2c;
    --bg-tertiary: #3c3c3c;
    
    --text-primary: #ecf0f1;
    --text-secondary: #bdc3c7;
    --text-light: #2c3e50;
    
    --shadow-color: rgba(0, 0, 0, 0.3);
    --shadow-color-dark: rgba(0, 0, 0, 0.5);
}

/* Apply colors to elements */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

.header {
    background-color: var(--bg-primary);
    box-shadow: 0 2px 10px var(--shadow-color);
}

.logo {
    color: var(--primary-color);
}

.logo span {
    color: var(--accent-color);
}

.navbar ul li a {
    color: var(--text-primary);
}

.navbar ul li a:hover,
.navbar ul li a.active {
    color: var(--primary-color);
}

.theme-toggle, .menu-toggle {
    color: var(--text-primary);
    background-color: transparent;
}

.hero {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
}

.hero h1 {
    color: var(--text-primary);
}

.hero h1 span {
    color: var(--primary-color);
}

.hero h3 {
    color: var(--text-secondary);
}

.hero h4 {
    color: var(--primary-color);
}

.btn {
    background-color: var(--primary-color);
    color: var(--text-light);
}

.btn:hover {
    background-color: var(--primary-dark);
}

.about {
    background-color: var(--bg-secondary);
}

.section-header h2 {
    color: var(--text-primary);
}

.section-header h2 span {
    color: var(--primary-color);
}

.section-header p {
    color: var(--text-secondary);
}

.about-content h3 {
    color: var(--text-primary);
}

.about-content h3 span {
    color: var(--secondary-color);
}

.about-content p {
    color: var(--text-secondary);
}

.services {
    background-color: var(--bg-primary);
}

.service-card {
    background-color: var(--bg-secondary);
    box-shadow: 0 5px 15px var(--shadow-color);
}

.service-icon {
    color: var(--primary-color);
    background-color: rgba(52, 152, 219, 0.1);
}

.service-card h3 {
    color: var(--text-primary);
}

.service-card p {
    color: var(--text-secondary);
}

.skills {
    background-color: var(--bg-secondary);
}

.skill-category h3 {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-light);
}

.skill-item {
    background-color: var(--bg-primary);
    box-shadow: 0 5px 15px var(--shadow-color);
}

.skill-icon {
    color: var(--secondary-color);
    background-color: rgba(46, 204, 113, 0.1);
}

.skill-item h4 {
    color: var(--text-primary);
}

.certifications {
    background-color: var(--bg-primary);
}

.certification-card {
    background-color: var(--bg-secondary);
    box-shadow: 0 5px 15px var(--shadow-color);
    border-right: 3px solid var(--accent-color);
}

.certification-icon {
    color: var(--accent-color);
    background-color: rgba(231, 76, 60, 0.1);
}

.certification-content h3 {
    color: var(--text-primary);
}

.certification-institute {
    color: var(--primary-color);
}

.certification-year {
    color: var(--text-secondary);
}

.footer {
    background-color: var(--dark-light);
    color: var(--text-light);
}

.footer h3 {
    color: var(--text-light);
    border-bottom: 2px solid var(--primary-color);
}

.footer-info p {
    color: var(--text-light);
}

.contact-info p {
    color: var(--text-light);
}

.contact-info p i {
    color: var(--primary-color);
}

.footer-links ul li a {
    color: var(--text-light);
}

.footer-links ul li a:hover {
    color: var(--primary-color);
}

.copyright {
    background-color: var(--dark-color);
    color: var(--text-light);
}