/* ========== askstevekorea 2026 테마 매칭 오버라이드 ==========
 * main.css 이후 로드하여 색상·폰트를 블로그 사이트와 통일.
 * 블로그 테마 asksteve2026 의 팔레트(Navy + Gold)와 폰트 체계 반영.
 */

:root {
  /* === askstevekorea 팔레트 === */
  --bg:           #F0F4FA;
  --surface:      #FFFFFF;
  --surface-2:    #FAFBFD;
  --border:       #CBD5E1;
  --border-2:     #E2E8F0;
  --text:         #1E293B;
  --text-2:       #334155;
  --muted:        #475569;

  --primary:      #1A3A8F;
  --primary-dark: #0B1F4E;
  --primary-soft: #E8EDF7;

  --success:      #15803D;
  --success-soft: #ECFDF5;
  --warn:         #C9850A;
  --warn-soft:    #FFF7E6;
  --danger:       #C62828;
  --danger-soft:  #FEF2F2;

  --math-bg:      #F8FAFC;
  --math-border:  #DBEAFE;

  /* === Topic accents — Navy/Gold/Steel 계열로 재배치 (분홍 제거) === */
  --accent-1: #1A3A8F;  /* Construction — 메인 네이비 */
  --accent-2: #0B1F4E;  /* Geotechnics — 딥 네이비 */
  --accent-3: #4A6280;  /* Structures — 스틸 그레이 */
  --accent-4: #2A52C9;  /* Water & Env — 라이트 네이비 */
  --accent-5: #C9850A;  /* Transportation — 골드 (블로그 포인트) */
}

/* === 폰트 재정의 (Google Fonts: Barlow + Noto Sans KR + Source Code Pro) === */
body {
  font-family: 'Noto Sans KR', 'Pretendard Variable', Pretendard,
               -apple-system, BlinkMacSystemFont, system-ui,
               'Segoe UI', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  line-height: 1.75;
  letter-spacing: -0.003em;
  color: #1E293B;
  background: #F0F4FA;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Barlow', 'Noto Sans KR', -apple-system, sans-serif;
  font-weight: 700;
  color: #0B1F4E;
  letter-spacing: -0.01em;
}

/* 제목 섹션 color */
.section-title { color: #0B1F4E; }

/* === 상단 nav — 블로그와 통일감 === */
.nav {
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid #CBD5E1;
}
.nav-brand {
  color: #0B1F4E;
  font-family: 'Barlow', 'Noto Sans KR', sans-serif;
  font-weight: 700;
}
.nav-link { color: #475569; }
.nav-link:hover { background: #E8EDF7; color: #1A3A8F; }
.nav-link.active { background: #1A3A8F; color: #FFFFFF; }

/* === askstevekorea 홈으로 돌아가는 링크 === */
.home-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #475569;
  margin-right: 14px;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #CBD5E1;
  background: #FAFBFD;
  white-space: nowrap;
  transition: all 0.15s;
}
.home-back:hover {
  background: #1A3A8F;
  color: #FFFFFF;
  border-color: #1A3A8F;
  text-decoration: none;
}

/* === Hero 그라디언트 — 네이비 톤 통일 === */
.hero       { background: linear-gradient(135deg, #0B1F4E, #1A3A8F); }
.hero-t1    { background: linear-gradient(135deg, #0B1F4E, #1A3A8F); }
.hero-t2    { background: linear-gradient(135deg, #06122E, #0B1F4E); }
.hero-t3    { background: linear-gradient(135deg, #334155, #4A6280); }
.hero-t4    { background: linear-gradient(135deg, #0B1F4E, #2A52C9); }
.hero-t5    { background: linear-gradient(135deg, #8B5A00, #C9850A); }  /* 골드 그라디언트 */

/* === 대시보드 === */
.dashboard-card {
  background: linear-gradient(135deg, #0B1F4E 0%, #1A3A8F 100%);
  box-shadow: 0 10px 28px rgba(11, 31, 78, 0.22);
}

/* === Breadth Mock Exam 카드 — 분홍 → 골드 === */
.mock-exam-card {
  background: linear-gradient(135deg, #8B5A00, #C9850A);
  box-shadow: 0 6px 18px rgba(201, 133, 10, 0.24);
}
.mock-exam-card:hover {
  box-shadow: 0 14px 32px rgba(201, 133, 10, 0.32);
}

/* === 퀴즈·버튼 === */
.quiz-header {
  background: linear-gradient(135deg, #0B1F4E, #1A3A8F);
}
.quiz-timer {
  font-family: 'Source Code Pro', 'JetBrains Mono', ui-monospace, Consolas, monospace;
}
.quiz-submit { background: #15803D; }
.quiz-submit:hover { background: #0F6630; }

.reveal-btn { background: #1A3A8F; }
.reveal-btn:hover { background: #0B1F4E; }
.reveal-btn.ghost { color: #1A3A8F; border-color: #1A3A8F; }
.reveal-btn.ghost:hover { background: #E8EDF7; }

/* === 정답·해설 카드 (성공 톤 통일) === */
.quiz-result {
  background: linear-gradient(135deg, #ECFDF5, #D1FAE5);
  border-color: #15803D;
}
.quiz-result h4,
.quiz-result .score { color: #15803D; }
.answer-reveal {
  background: linear-gradient(135deg, #ECFDF5, #D1FAE5);
  color: #15803D;
  border-color: #15803D;
}

/* === 링크·강조 === */
a { color: #1A3A8F; }
.concept-box.info { background: #E8EDF7; border-left-color: #1A3A8F; }
.concept-box.info strong { color: #1A3A8F; }
.concept-box { background: #FFF7E6; border-left-color: #C9850A; }
.concept-box strong { color: #C9850A; }

/* === 문제 번호·질문 박스 === */
.quiz-q .qnum { color: #1A3A8F; }
.question-text { border-left-color: #1A3A8F; }
.choice .letter { color: #1A3A8F; }
.choice:hover { border-color: #1A3A8F; background: #E8EDF7; }
.choice.selected { border-color: #1A3A8F; background: #E8EDF7; }
.module-card .mid { color: #1A3A8F; letter-spacing: 0.8px; }
.module-card:hover {
  border-color: #1A3A8F;
  box-shadow: 0 6px 18px rgba(26, 58, 143, 0.12);
}

/* === 수식 박스 === */
.eq-card { border-left-color: #1A3A8F; }
.eq-key {
  background: linear-gradient(180deg, #FFF7E6, #FDE8BC);
  border-color: #F5D693;
  border-left-color: #C9850A;
}
.eq-key .eq-label { color: #C9850A; }

/* === step 라벨 (계산 단계) === */
.step { background: #E8EDF7; color: #0B1F4E; }