/* Malvina Art - Enhanced Color Palette */
:root {
    /* Primary Colors - Deep & Sophisticated */
    --primary-dark: #2a2a2a;
    --primary-medium: #3d3d3d;
    --primary-light: #4a4a4a;
    
    /* Accent Colors - Warm & Elegant */
    --accent-primary: #1a1a1a;
    --accent-secondary: #333333;
    --accent-tertiary: #4a4a4a;
    --accent-light: #666666;
    
    /* Background Colors - Soft & Premium */
    --bg-primary: #ffffff;
    --bg-secondary: #faf9f7;
    --bg-tertiary: #f5f2ef;
    --bg-light: #ffffff;
    
    /* Text Colors - Enhanced Contrast */
    --text-primary: #1a1a1a;
    --text-secondary: #2d2d2d;
    --text-muted: #6b5f54;
    --text-light: #8a7d72;
    
    /* Interactive Colors */
    --btn-primary-bg: var(--primary-dark);
    --btn-primary-text: var(--bg-light);
    --btn-secondary-bg: transparent;
    --btn-secondary-text: var(--primary-dark);
    --btn-secondary-border: var(--accent-primary);
    
    /* Status Colors */
    --success: #4a7c59;
    --warning: #b8956a;
    --error: #c44536;
    --info: #6b8cae;
    
    /* Simple Colors - No Gradients */
    --gradient-primary: var(--accent-primary);
    --gradient-secondary: var(--bg-secondary);
    --gradient-accent: var(--accent-light);
    --gradient-dark: var(--primary-dark);
    
    /* Shadow Colors */
    --shadow-light: rgba(0, 0, 0, 0.04);
    --shadow-medium: rgba(0, 0, 0, 0.08);
    --shadow-dark: rgba(0, 0, 0, 0.12);
    --shadow-accent: rgba(200, 169, 146, 0.15);
    
    /* Border Colors */
    --border-light: var(--accent-light);
    --border-medium: var(--accent-primary);
    --border-dark: var(--accent-secondary);
    
    /* Special Colors */
    --hero-overlay: rgba(42, 42, 42, 0.03);
    --card-shadow: 0 8px 32px var(--shadow-light);
    --card-shadow-hover: 0 20px 40px var(--shadow-medium);
    --button-shadow: 0 4px 12px var(--shadow-light);
    --button-shadow-hover: 0 8px 25px var(--shadow-dark);
}

/* Enhanced Color Classes */
.bg-primary {
    background-color: var(--bg-primary);
}

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

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

.bg-accent {
    background: var(--accent-light);
}

.bg-gradient {
    background: var(--accent-primary);
}

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

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

.text-muted {
    color: var(--text-muted);
}

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

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

.border-accent {
    border-color: var(--accent-primary);
}

/* Enhanced Button Styles */
.btn {
    background: var(--btn-secondary-bg);
    color: var(--btn-secondary-text);
    border: 1px solid var(--btn-secondary-border);
    transition: all 0.3s ease;
    box-shadow: var(--button-shadow);
}

.btn:hover {
    background: var(--btn-secondary-bg);
    color: var(--text-primary);
    border-color: var(--primary-dark);
    box-shadow: var(--button-shadow-hover);
    transform: translateY(-2px);
}

.btn-primary {
    background: var(--btn-primary-bg);
    color: var(--btn-primary-text);
    border: 1px solid var(--btn-primary-bg);
}

.btn-primary:hover {
    background: var(--primary-medium);
    color: var(--btn-primary-text);
    border-color: var(--primary-medium);
}

/* Enhanced Card Styles */
.stage-card {
    background: var(--bg-light);
    border: 1px solid var(--border-light);
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

.stage-card:hover {
    box-shadow: var(--card-shadow-hover);
    border-color: var(--border-medium);
}

.result-card {
    background: var(--bg-light);
    border: 1px solid var(--border-light);
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

.result-card:hover {
    box-shadow: var(--card-shadow-hover);
    border-color: var(--border-medium);
}

.case-item {
    background: var(--bg-light);
    border: 1px solid var(--border-light);
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

.case-item:hover {
    box-shadow: var(--card-shadow-hover);
    border-color: var(--border-medium);
}

/* Enhanced Section Styles */
.section {
    border-top: 1px solid var(--border-light);
}

.section-light {
    background: var(--bg-secondary);
}

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

.site-header {
    background: var(--bg-primary);
    border-bottom: 1px solid var(--border-light);
}

/* Enhanced Form Styles */
.form-control {
    background: var(--bg-light);
    border: 1px solid var(--border-light);
    color: var(--text-primary);
    transition: all 0.2s ease;
}

.form-control:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px var(--shadow-accent);
}

/* Enhanced Value Cards */
.value-card {
    border-bottom: 1px solid var(--border-medium);
    color: var(--text-secondary);
}

.value-card:hover {
    border-color: var(--accent-primary);
    color: var(--text-primary);
}

/* Enhanced Expert Block */
.expert-text h2 {
    color: var(--text-primary);
}

/* Enhanced Footer */
.footer {
    color: var(--text-muted);
    border-top: 1px solid var(--border-light);
}

/* Enhanced Number Styles */
.stage-num {
    color: var(--accent-secondary);
}

.stat-number {
    color: var(--accent-primary);
}

/* Enhanced Badge Styles */
.badge {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border: 1px solid var(--border-light);
}

/* Enhanced CTA Block */
.final-cta {
    background: var(--primary-dark);
    color: var(--bg-light);
    padding: 64px 0;
    border-radius: 32px;
}

/* Responsive Color Adjustments */
@media (max-width: 768px) {
    :root {
        --bg-primary: #ffffff;
        --bg-secondary: #faf8f6;
        --text-primary: #1a1a1a;
        --text-secondary: #2d2d2d;
    }
}

/* Print Styles */
@media print {
    :root {
        --bg-primary: #ffffff;
        --bg-secondary: #ffffff;
        --text-primary: #000000;
        --text-secondary: #333333;
        --accent-primary: #666666;
    }
}