/* Theme: Classic Blue (Default) */

:root {
    /* Primary - Professional Blue */
    --primary-color: #1E40AF;
    --primary-dark: #1E3A8A;
    --primary-light: #3B82F6;

    /* Secondary - Warm Orange */
    --secondary-color: #F97316;
    --secondary-dark: #EA580C;
    --secondary-light: #FB923C;

    /* Background & Surface */
    --bg-color: #FFFFFF;
    --bg-secondary: #F8FAFC;
    --surface: #FFFFFF;
    --surface-elevated: #FFFFFF;

    /* Text colors */
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --text-tertiary: #9CA3AF;
    --text-inverse: #F9FAFB;

    /* Border & Divider */
    --border-color: #E5E7EB;
    --border-hover: #D1D5DB;
    --divider: #F3F4F6;

    /* Header specific */
    --header-bg: #1E293B;
    --header-text: #F8FAFC;
    --header-border: #334155;
}

/* Theme-specific component styles */
.header {
    background-color: var(--header-bg);
    border-bottom-color: var(--header-border);
}

.logo {
    color: var(--header-text);
}

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

.nav-link {
    color: #CBD5E1;
}

.nav-link:hover,
.nav-link.active {
    color: var(--header-text);
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

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

.section-title::after {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
}

/* Accent elements */
.card:hover {
    border-color: var(--primary-light);
    box-shadow: 0 10px 25px rgba(30, 64, 175, 0.15);
}

.badge-primary {
    background-color: rgba(30, 64, 175, 0.1);
    color: var(--primary-color);
}