/*  ══════════════════════════════════════════════════════════════
    USC CARDINAL + GOLD THEME
    Academic / medical-school palette override
    ══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&family=Caveat:wght@400;500;600&display=swap');

:root {
  --navy:      #990000 !important;   /* USC Cardinal  */
  --navy-mid:  #6b0000 !important;   /* Cardinal deep */
  --gold:      #FFCC00 !important;   /* USC Gold      */
  --gold-pale: rgba(255, 204, 0, .14) !important;
}

/* ─── Typography — serif headings (academic feel) + clean body ─── */
body {
  font-family: 'Inter', 'Source Sans 3', sans-serif !important;
}
h1, h2, h3,
.sec-title,
.hero-name,
.contact-hed,
.edu-school,
.exp-co,
.org-name,
.skill-group-title,
.sw-name {
  font-family: 'Crimson Pro', 'Libre Baskerville', Georgia, serif !important;
  letter-spacing: -.005em;
}
.hero-name { font-weight: 800 !important; letter-spacing: -.015em; }
.sec-title { font-weight: 700 !important; }
.nav-logo {
  font-family: 'Crimson Pro', 'Libre Baskerville', Georgia, serif !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
  text-transform: none !important;
  font-size: .95rem !important;
}
.nav-links a {
  font-family: 'Crimson Pro', 'Libre Baskerville', Georgia, serif !important;
  letter-spacing: .02em !important;
  font-weight: 600 !important;
  font-size: .82rem !important;
}

/* ─── Cardinal surfaces ─── */
.hero {
  background-color: #990000 !important;
  background-image:
    linear-gradient(135deg,
      rgba(153, 0, 0, .72) 0%,
      rgba(107, 0, 0, .66) 25%,
      rgba(153, 0, 0, .74) 50%,
      rgba(125, 15, 15, .66) 75%,
      rgba(153, 0, 0, .72) 100%),
    url('hero-usc.jpg') !important;
  background-size: 400% 400%, cover !important;
  background-position: 0% 50%, center center !important;
  background-repeat: no-repeat, no-repeat !important;
}
nav {
  background: rgba(107, 0, 0, .97) !important;
  border-bottom-color: rgba(255, 204, 0, .26) !important;
}
/* On index.html, nav starts transparent over the cardinal hero — restore that */
body.has-hero nav:not(.scrolled) {
  background: transparent !important;
  border-bottom-color: transparent !important;
}
nav.scrolled {
  background: rgba(107, 0, 0, .97) !important;
  border-bottom-color: rgba(255, 204, 0, .26) !important;
}
.s-contact { background: #6b0000 !important; }

.hero-photo-wrap { border-color: #FFCC00 !important; background: #6b0000 !important; }
.hero-photo-placeholder { background: #6b0000 !important; }

/* Gold particle + cta pulse — brighter with new gold */
.hero-particle { background: rgba(255, 204, 0, .45) !important; }
.btn-gold {
  background: #FFCC00 !important;
  color: #6b0000 !important;
  font-weight: 700 !important;
}
.btn-gold:hover { background: #FFD633 !important; }
.btn-ghost:hover { border-color: #FFCC00 !important; color: #FFCC00 !important; }

/* ─── Badges / small accents — ensure gold reads on gold-pale ─── */
.edu-gpa, .transcript-honor { color: #7a5a00 !important; }
.exp-loc                    { color: #7a5a00 !important; }

/* Skill proficiency dots — gold */
.prof .f { color: #d4a800 !important; }
.prof .e { color: rgba(107, 0, 0, .18) !important; }

/* Nav pills */
.nav-links a:hover,
.nav-links a.active {
  color: #6b0000 !important;
  background: #FFCC00 !important;
  border-color: #FFCC00 !important;
}
.nav-logo:hover { color: #FFCC00 !important; }

/* Divider rules, eyebrows, card accents */
.sec-rule, .hero-bar { background: #FFCC00 !important; }
.sec-label, .hero-eyebrow { color: #FFCC00 !important; }

/* Section title colors — cardinal */
.sec-title   { color: #6b0000 !important; }
.edu-school  { color: #6b0000 !important; }
.exp-co      { color: #6b0000 !important; }
.org-name    { color: #6b0000 !important; }
.skill-group-title { color: #6b0000 !important; }
.sw-name     { color: #6b0000 !important; }
.interest-name { color: #6b0000 !important; }
.stat-num    { color: #6b0000 !important; }
.stat-num em { color: #d4a800 !important; }
.modal-footer-name { color: #6b0000 !important; }
.transcript-school { color: #6b0000 !important; }

/* Contact footer signoff color tune */
.contact-link:hover { color: #FFCC00 !important; }

/* ─── FIX: nav must sit above interest modal so it's always clickable ─── */
nav { z-index: 2100 !important; }

/* ─── School-logo fallback colors (USC red, SFSU purple, CSM navy) ─── */
.logo-usc    { background: #990000 !important; }
.logo-sfsu   { background: #4B2E83 !important; }
.logo-csm    { background: #002E5D !important; }

/* ─── Subtle: card left border accents in cardinal ─── */
.exp-card { border-left: 3px solid rgba(153, 0, 0, .6) !important; }

/* ─── Brightness/contrast bump on goldens photo (restore original look) ─── */
img[src*="hobby-goldens"] {
  filter: brightness(1.12) contrast(1.1) saturate(1.08) !important;
}

/* ─── Center Melanie's head in the hero photo ring ─── */
.hero-photo-wrap img {
  object-position: center 28% !important;
}