@charset "utf-8";
/* ==========================================================================
   Segment Themes — 토큰만 재정의. 마크업·컴포넌트는 base.css / seg-*.css 공용
   원본 색으로 되돌리려면 --primary 한 줄만 교체하면 됨
   ========================================================================== */

/* ---- 온라인강의 : Blue (원본 유지) ---- */
body.seg-online {
  --primary: #2f5cf5;
  --primary-strong: #2149d6;
  --primary-soft: #8aa5ff;
  --accent: #eaf0ff;
  --accent-foreground: #2149d6;
  --background: #ffffff;
  --muted: #f5f6f8;
  --secondary: #f4f5f9;
  --border: #e6e8ec;
  --foreground: #1f242e;
  --muted-foreground: #6a7280;
  --navy: #161c2e;
  --navy-foreground: #eef1f8;
}

/* ---- 학원·교습소 : Teal (원본 블루 → 온라인강의와 분리) ---- */
body.seg-academy {
  --primary: #0f7a66;
  --primary-strong: #0b6252;
  --primary-soft: #5fc4ae;
  --accent: #e4f4ef;
  --accent-foreground: #0b6252;
  --background: #ffffff;
  --muted: #f2f6f5;
  --secondary: #f2f6f5;
  --border: #e2eae8;
  --foreground: #1a2430;
  --muted-foreground: #667a78;
  --navy: #12222b;
  --navy-foreground: #e9f2f0;
}

/* ---- 과외·방과후 : Orange (원본 유지) ---- */
body.seg-tutoring {
  --primary: #e15a34;
  --primary-strong: #c34724;
  --primary-soft: #f5a184;
  --accent: #fdeee6;
  --accent-foreground: #b8441f;
  --background: #fdfaf4;
  --surface: #fdfaf4;
  --muted: #f4ece0;
  --secondary: #f1eae0;
  --cream: #f5efe4;
  --border: #e7ded0;
  --foreground: #26221d;
  --muted-foreground: #6c6459;
  --navy: #1c2636;
  --navy-foreground: #f2efe8;
}

/* ---- 성인·취미 : Plum (원본 오렌지 → 과외와 분리) ---- */
body.seg-hobby {
  --primary: #96455f;
  --primary-strong: #7c344c;
  --primary-soft: #d99bad;
  --accent: #f4e6ea;
  --accent-foreground: #7c344c;
  --background: #f5f1e8;
  --surface: #f5f1e8;
  --card: #ffffff;
  --cream: #f5f1e8;
  --border: #e4ddcf;
  --foreground: #24232a;
  /* hobby 원본은 --muted 를 '텍스트 색'으로 사용 */
  --muted: #7a7669;
  --muted-fg: #6c6a63;
  --muted-foreground: #6c6a63;
  --accent-warm: #e8dcc8;
  --navy: #1f2432;
  --navy-foreground: #f2efe6;
}
/* hobby 는 --muted 가 텍스트 색이므로 표면용 토큰을 따로 지정 */
body.seg-hobby .section--soft,
body.seg-hobby .sec.soft { background: #ede7d9; }
body.seg-hobby .site-header::before,
body.seg-hobby .sticky-cta { background: color-mix(in srgb, #f5f1e8 82%, transparent); }
body.seg-hobby .site-footer,
body.seg-hobby .nav-mobile { background: #f5f1e8; }
body.seg-hobby .seg-card .ico,
body.seg-hobby .nav-main a:hover,
body.seg-hobby .nav-main a.is-active,
body.seg-hobby .seg-switch__menu a:hover { background: #ece5d6; }

/* ---- 허브 · 공통 페이지(요금제/리셀러) ---- */
body.seg-hub, body.seg-page {
  --primary: #2f5cf5;
  --primary-strong: #2149d6;
  --primary-soft: #8aa5ff;
  --accent: #eaf0ff;
  --accent-foreground: #2149d6;
  --navy: #10151f;
  --navy-foreground: #eef1f8;
}