:root {
  --primary-color: #111827; /* neutral-900 */
  --primary-light: #374151; /* neutral-700 */
  --secondary-color: #ffffff;
  --accent-color: #4f46e5; /* indigo-600 */
  --accent-dark: #4338ca; /* indigo-700 */
  --background-color: #ffffff;
  --text-color: #111827;
  --text-light: #6b7280; /* neutral-500 */
  --font-size-base: 1.0625rem;
  --font-size-sm: 1rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 2rem;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.6;
}

.navbar { background: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 1px 0 rgba(17, 24, 39, 0.06) !important; }

.navbar-brand { color: var(--text-color) !important; letter-spacing: 0.2px; font-size: 1.25rem; }
.nav-link { color: var(--text-light) !important; }
.nav-link:hover { color: var(--text-color) !important; }
.nav-link::after { background-color: var(--accent-color) !important; }

.hero-section { background: #f9fafb !important; color: var(--primary-color) !important; padding: 5rem 0 !important; }
.hero-section h1 { font-size: 2.5rem !important; margin-bottom: 0.75rem !important; }
.hero-section p { font-size: 1.125rem !important; margin-bottom: 1.5rem !important; }

section { padding: 3.5rem 0 !important; }
.bg-light { background: #f8fafc !important; }

.btn.btn-primary { background: var(--accent-color) !important; border: 1px solid transparent !important; border-radius: 10px !important; padding: 0.625rem 1.25rem !important; }
.btn.btn-primary:hover { background: var(--accent-dark) !important; }

.skill-item, .project-item, .experience-item, .education-item {
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  padding: 1.25rem !important;
}

/* Remove bullets and tighten spacing */
ul { list-style: none; padding-left: 0; margin-bottom: 0.5rem; }
ul li { margin-bottom: 0.25rem; }

/* Limit sections to two items by default; reveal others via existing JS */
#experienceContainer .experience-item:nth-of-type(n+3),
#educationContainer .education-item:nth-of-type(n+3) {
  display: none;
}

/* Buttons visible */
#toggleExperience, #toggleEducation { display: inline-block !important; }

/* CFA image sizing */
.education-logo { width: 48px !important; height: 48px !important; }

/* Title rows with right-aligned dates */
.title-row { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.title-row .left { min-width: 200px; }
.title-row .right { margin-left: auto; color: var(--text-light); }

.show-more-btn { background: transparent !important; color: var(--accent-color) !important; border: 1px solid var(--accent-color) !important; border-radius: 8px !important; padding: 0.5rem 1rem !important; }
.show-more-btn:hover { background: var(--accent-color) !important; color: #fff !important; }

#backToTopBtn {
  width: 48px !important; height: 48px !important; background: #fff !important; color: var(--text-color) !important; border: 1px solid rgba(15,23,42,0.12) !important; box-shadow: 0 1px 2px rgba(15,23,42,0.06) !important;
}

footer { background: #111827 !important; font-weight: 600 !important; padding: 1rem !important; font-size: 1rem !important; }