/* ============================================
   GWU-INSPIRED COLOR SCHEME
   Navy Blue + Gold Professional Theme
   Add this to the TOP of your style.css, replacing existing :root
   ============================================ */

:root {
    /* Primary Colors - KMK Theme */
    --primary-color: #0D5C8C;        /* Brighter Navy Blue */
    --secondary-color: #AA8A4C;      /* Rich Gold */
    --accent-color: #1E88E5;         /* Bright Blue */
    --dark-blue: #0A4A6E;            /* Darker Blue */
    --light-gold: #C9B68C;           /* Light Gold */
    
    /* Neutral Colors */
    --text-color: #2C2C2C;           /* Dark Gray */
    --text-light: #666666;           /* Medium Gray */
    --bg-light: #F7F7F7;             /* Light Background */
    --white: #FFFFFF;
    --black: #000000;
    
    /* UI Colors */
    --border-color: #D8D8D8;
    --hover-bg: #F0F0F0;
    --success: #28A745;
    --warning: #FFC107;
    --error: #DC3545;
    
    /* Shadows & Effects */
    --shadow-sm: 0 2px 4px rgba(3, 60, 90, 0.08);
    --shadow: 0 4px 8px rgba(3, 60, 90, 0.12);
    --shadow-lg: 0 10px 30px rgba(3, 60, 90, 0.15);
    --transition: all 0.3s ease;
    
    /* Typography */
    --font-primary: 'Open Sans', sans-serif;
    --font-heading: 'Playfair Display', serif;
}

/* Updated Button Styles */
.btn-primary {
    background: var(--secondary-color);
    color: var(--white);
}

.btn-primary:hover {
    background: var(--primary-color);
    transform: translateY(-2px);
}

.btn-secondary {
    background: transparent;
    color: var(--white);
    border: 2px solid var(--white);
}

.btn-secondary:hover {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}

/* Updated Navigation */
.navbar {
    background: var(--white);
    border-bottom: 3px solid var(--secondary-color);
}

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

.nav-link::after {
    background: var(--secondary-color);
}

.btn-cv {
    background: var(--secondary-color);
    color: var(--white);
}

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

/* Updated Hero */
.hero {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--dark-blue) 50%, var(--accent-color) 100%);
}

/* Updated Sections */
.section-title {
    color: var(--primary-color);
}

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

/* Updated Cards */
.research-icon,
.stat-item {
    background: var(--primary-color);
}

.metric-card i,
.research-card:hover .research-icon {
    color: var(--secondary-color);
}

/* Updated Links */
a:hover,
.inline-link:hover {
    color: var(--secondary-color);
}

/* Updated Footer */
.footer {
    background: var(--primary-color);
}

.footer a:hover {
    color: var(--secondary-color);
}

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

.scroll-top:hover {
    background: var(--primary-color);
}
