/* ============================================
   ACADEMIC PORTFOLIO - PROFESSIONAL THEMES
   Version: 2.1.0
   ============================================ */

/* Professional Theme Options */
[data-theme="ocean"] {
    --accent: #0077B6;
    --accent-light: #0096C7;
    --accent-dark: #005F8A;
}

[data-theme="slate"] {
    --accent: #475569;
    --accent-light: #64748B;
    --accent-dark: #334155;
}

[data-theme="forest"] {
    --accent: #047857;
    --accent-light: #059669;
    --accent-dark: #065F46;
}

[data-theme="charcoal"] {
    --accent: #374151;
    --accent-light: #4B5563;
    --accent-dark: #1F2937;
}

[data-theme="sapphire"] {
    --accent: #1D4ED8;
    --accent-light: #2563EB;
    --accent-dark: #1E40AF;
}

[data-theme="custom"] {
    /* User-defined accent color via JavaScript */
    --accent: var(--custom-accent, #0077B6);
    --accent-light: var(--custom-accent-light, #0096C7);
    --accent-dark: var(--custom-accent-dark, #005F8A);
}

/* Dark Mode */
[data-theme-mode="dark"] {
    --primary-navy: #e2e8f0;
    --primary-gray: #cbd5e0;
    --background: #1a202c;
    --card-background: #2d3748;
    --border-color: #4a5568;
    --text-muted: #a0aec0;
}

[data-theme-mode="dark"] .sidebar {
    background: #171923;
}

[data-theme-mode="dark"] body {
    color: var(--primary-gray);
}

[data-theme-mode="dark"] h1,
[data-theme-mode="dark"] h2,
[data-theme-mode="dark"] h3,
[data-theme-mode="dark"] h4,
[data-theme-mode="dark"] h5,
[data-theme-mode="dark"] h6 {
    color: var(--primary-navy);
}

[data-theme-mode="dark"] .card {
    background: var(--card-background);
}

[data-theme-mode="dark"] .achievement-item {
    background: var(--card-background);
    border-color: var(--border-color);
}

[data-theme-mode="dark"] .form-input,
[data-theme-mode="dark"] .form-select,
[data-theme-mode="dark"] .form-textarea {
    background: #2d3748;
    color: var(--primary-gray);
    border-color: var(--border-color);
}

[data-theme-mode="dark"] .modal-content {
    background: var(--card-background);
    color: var(--primary-gray);
}

/* Theme-specific customizations */
.theme-preview {
    width: 100%;
    height: 60px;
    border-radius: var(--border-radius);
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    margin-bottom: 1rem;
}

.theme-selector {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.theme-option {
    padding: 1.5rem;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius);
    text-align: center;
    cursor: pointer;
    transition: all var(--transition-speed);
}

.theme-option:hover,
.theme-option.active {
    border-color: var(--accent);
    background: var(--background);
    transform: translateY(-2px);
}

.theme-color {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto 0.5rem;
    border: 3px solid white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Achievement type colors (can be themed) */
.type-publication { background: #E6F7FF; color: #0066CC; }
.type-grant { background: #F0FFF4; color: #22543D; }
.type-teaching { background: #FFF5E6; color: #C05621; }
.type-service { background: #F3E8FF; color: #6B46C1; }
.type-clinical { background: #FFE6E6; color: #C53030; }
.type-award { background: #FFFACD; color: #D69E2E; }

[data-theme-mode="dark"] .type-publication { background: #1A365D; color: #63B3ED; }
[data-theme-mode="dark"] .type-grant { background: #22543D; color: #68D391; }
[data-theme-mode="dark"] .type-teaching { background: #7C2D12; color: #F6AD55; }
[data-theme-mode="dark"] .type-service { background: #44337A; color: #B794F4; }
[data-theme-mode="dark"] .type-clinical { background: #742A2A; color: #FC8181; }
[data-theme-mode="dark"] .type-award { background: #744210; color: #F6E05E; }