/* ================================================================
 * theme.css - 화이트 테마 오버라이드
 * Homepage CSS Module
 * ================================================================ */

/* ── 메인 페이지 섹션 화이트 테마 ──────────────────────── */
#intro, #about, #leadership, #business, #products, #webfax, #cases, #notice, #recruit, #contact, #story, footer {
  --bg: var(--surface);
  --bg2: var(--surface-alt);
  --card: var(--surface-card);
  --border: var(--surface-border);
  --text: var(--surface-text);
  --muted: var(--surface-muted);
  background: var(--bg);
  color: var(--text);
}
#business { background: var(--surface-alt); }
#webfax { background: var(--surface-alt); }
#notice { background: var(--surface-alt); }
#contact { background: var(--surface-alt); }

/* ── 카드 스타일 화이트 테마 보정 ──────────────────────── */
#leadership .ceo-card,
#products .product-card,
#webfax .webfax-visual,
#webfax .wf-feat,
#contact .info-card,
#recruit .position-card {
  background: var(--surface-card);
  border-color: var(--surface-border);
  color: var(--surface-text);
  box-shadow: var(--shadow-sm);
}
#leadership .ceo-card blockquote { color: var(--surface-muted); }
#about .tl-desc,
#products .product-info p,
#contact .info-card p,
#recruit .position-card p { color: var(--surface-muted); }

#webfax .fax-screen {
  background: var(--surface-alt);
  border-color: var(--surface-border);
  color: var(--surface-muted);
}
#notice .notice-item { color: var(--surface-text); border-bottom-color: var(--surface-border); }
#notice .notice-title { color: var(--surface-text); }

#recruit .recruit-banner {
  background: linear-gradient(135deg, rgba(255,107,0,0.07), rgba(255,154,60,0.07));
  border-color: rgba(255,107,0,0.2);
}
#recruit .recruit-banner h2,
#recruit .recruit-banner p { color: var(--surface-text); }
#recruit .recruit-banner p { color: var(--surface-muted); }

#about .timeline::before { background: var(--surface-border); }
#about .tl-year { color: var(--accent); }
#about .tl-title { color: var(--surface-text); }

#products .tab-btn { color: var(--surface-muted); border-color: var(--surface-border); background: var(--surface-card); }
#products .tab-btn.active { background: rgba(255,107,0,0.1); border-color: var(--accent); color: var(--accent); }