/* ==========================================================================
   assets/css/academic-theme.css (Priority 1.4)
   Visual Theme for the Statistical Course Platform
   ========================================================================== */

/* --- Color & Font Variables --- */
:root {
    /* Core Palette */
    --primary-navy: #2c3e50;
    --professional-blue: #3498db;
    --success-green: #27ae60;
    --attention-orange: #f39c12;
    --clean-white: #f8f9fa;
    --light-gray: #ecf0f1;
    --dark-gray: #34495e;

    /* Shadows */
    --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* --- Themed Base Styles --- */
body {
    background: linear-gradient(135deg, var(--clean-white) 0%, var(--light-gray) 100%);
    color: var(--primary-navy);
}

a {
    color: var(--professional-blue);
}

a:hover {
    color: var(--dark-gray);
}

/* --- Header & Footer Theming --- */
.header {
    background: linear-gradient(135deg, var(--primary-navy) 0%, var(--dark-gray) 100%);
    color: white;
}

.header .course-title {
    color: white;
}

.header .course-subtitle {
    color: var(--light-gray);
}

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

/* --- Button & Badge Theming --- */
.button.primary {
    background: linear-gradient(135deg, var(--success-green), var(--professional-blue));
    color: white;
    box-shadow: var(--shadow);
}

.button.primary:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-hover);
}

.badge.primary {
    background: var(--success-green);
    color: white;
}

.badge.secondary {
    background: var(--attention-orange);
    color: white;
}

/* --- Card Theming --- */
.card {
    background: white;
}

/* --- Themed Content Styles (for course-guide.html etc.) --- */
.content-article {
    border: 1px solid var(--light-gray);
}

.section-title-underline {
    border-bottom-color: var(--professional-blue);
    color: var(--primary-navy);
}

.section-title-underline i {
    color: var(--professional-blue);
    margin-right: 0.5rem;
}

.key-principles .principle-card i {
    color: var(--professional-blue);
}

.module-summary-card {
    border-color: var(--light-gray);
    background: var(--clean-white);
}

.module-summary-header {
    background: var(--primary-navy);
    color: white;
}

.module-summary-header h3 {
    color: white;
}

.module-summary-header span {
    color: var(--professional-blue);
}

.checklist li::before {
    color: var(--success-green);
}