/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(171,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(179,15): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(184,15): run-time error CSS1039: Token not allowed after unary operator: '-color-link-hover'
(192,26): run-time error CSS1039: Token not allowed after unary operator: '-color-border-light'
(200,26): run-time error CSS1039: Token not allowed after unary operator: '-color-navbar-bg'
(201,22): run-time error CSS1039: Token not allowed after unary operator: '-color-navbar-border'
(205,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(210,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(214,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(219,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(225,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(226,26): run-time error CSS1039: Token not allowed after unary operator: '-color-navbar-border'
(230,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(235,26): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(239,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(244,22): run-time error CSS1039: Token not allowed after unary operator: '-color-navbar-border'
(248,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(252,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(260,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(261,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(265,29): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(269,26): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(273,26): run-time error CSS1039: Token not allowed after unary operator: '-color-overlay'
(281,26): run-time error CSS1039: Token not allowed after unary operator: '-color-input-bg'
(282,22): run-time error CSS1039: Token not allowed after unary operator: '-color-input-border'
(283,15): run-time error CSS1039: Token not allowed after unary operator: '-color-input-text'
(289,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(292,56): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(293,56): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(294,56): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(295,56): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(302,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(306,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(310,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(311,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(312,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(316,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(317,26): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(325,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(326,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(339,26): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(343,29): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(353,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(357,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(361,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(369,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(370,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(374,26): run-time error CSS1039: Token not allowed after unary operator: '-color-border-light'
(378,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(383,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(384,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(390,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(398,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(399,22): run-time error CSS1039: Token not allowed after unary operator: '-color-input-border'
(400,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(404,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(405,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(406,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(411,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(412,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(413,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(419,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(427,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(428,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(434,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(435,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(440,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(445,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(452,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(453,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(461,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(465,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(469,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(478,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(479,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(480,15): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(487,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(488,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(489,15): run-time error CSS1039: Token not allowed after unary operator: '-color-link-hover'
(498,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(499,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(500,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(508,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(509,22): run-time error CSS1039: Token not allowed after unary operator: '-color-input-border'
(510,15): run-time error CSS1039: Token not allowed after unary operator: '-color-input-text'
(518,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(519,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(523,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(524,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(525,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(533,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(541,29): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(545,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border-light'
(545,48): run-time error CSS1039: Token not allowed after unary operator: '-color-border-light'
(545,74): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(551,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(552,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(554,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(562,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(570,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(578,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(579,15): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(582,60): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(583,60): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(584,60): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(585,60): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(708,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(709,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(713,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(719,22): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(727,26): run-time error CSS1039: Token not allowed after unary operator: '-color-input-bg'
(728,22): run-time error CSS1039: Token not allowed after unary operator: '-color-input-border'
(729,15): run-time error CSS1039: Token not allowed after unary operator: '-color-input-text'
(733,26): run-time error CSS1039: Token not allowed after unary operator: '-color-input-bg'
(734,22): run-time error CSS1039: Token not allowed after unary operator: '-color-input-border'
(735,15): run-time error CSS1039: Token not allowed after unary operator: '-color-input-text'
(745,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(746,20): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(750,20): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(751,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(756,20): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(761,20): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(771,20): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(772,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(773,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(777,15): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(782,20): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(783,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(784,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(788,15): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(798,20): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(800,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(801,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(810,15): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(822,20): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(824,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(825,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(838,15): run-time error CSS1039: Token not allowed after unary operator: '-color-link-hover'
(848,20): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(850,22): run-time error CSS1039: Token not allowed after unary operator: '-color-link'
(851,15): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(857,15): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(862,20): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-primary'
(863,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(868,20): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-secondary'
(869,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(870,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(875,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-muted'
(881,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(888,20): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-tertiary'
(889,22): run-time error CSS1039: Token not allowed after unary operator: '-color-border'
(901,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(986,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-bg'
(987,24): run-time error CSS1039: Token not allowed after unary operator: '-color-input-border'
(988,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-text'
 */
/*
 * theme-variables.css
 * Sello Homepage - CSS Custom Properties (Design Token)
 *
 * 용도: 라이트/다크 모드의 색상 토큰을 CSS 변수로 정의한다.
 *       이 파일의 변수만 참조하고, 색상을 직접 하드코딩하지 않는다.
 *
 * 적용 우선순위:
 *   1. :root                              — 라이트 모드 기본값
 *   2. [data-theme="dark"]               — 사용자가 다크를 명시적으로 선택
 *   3. @media (prefers-color-scheme: dark) :root:not([data-theme="light"])
 *                                        — 시스템 설정이 다크이고 사용자가 라이트를 선택하지 않은 경우
 *
 * Phase 0-1 (OVERVIEW.md) | 2026-02-18
 */


/* ============================================================
   라이트 모드 (기본값)
   ============================================================ */
:root {
  /* 배경 */
  --color-bg-primary:   #ffffff;
  --color-bg-secondary: #f5f5f5;
  --color-bg-tertiary:  #e9ecef;

  /* 텍스트 */
  --color-text-primary:   #333333;
  --color-text-secondary: #4a4a4a;
  --color-text-muted:     #777777;

  /* 보더 */
  --color-border:       #dddddd;
  --color-border-light: #eeeeee;

  /* 네비게이션 바 */
  --color-navbar-bg:     #f8f8f8;
  --color-navbar-border: #e7e7e7;

  /* 입력 폼 */
  --color-input-bg:     #ffffff;
  --color-input-border: #cccccc;
  --color-input-text:   #555555;

  /* 푸터 */
  --color-footer-bg:     #f5f5f5;
  --color-footer-border: #cccccc;
  --color-footer-text:   #848484;

  /* 링크 */
  --color-link:       #337ab7;
  --color-link-hover: #23527c;

  /* 기타 */
  --color-shadow:  rgba(0, 0, 0, 0.1);
  --color-overlay: rgba(0, 0, 0, 0.5);
}


/* ============================================================
   다크 모드 — 사용자가 명시적으로 다크를 선택한 경우
   GitHub 스타일 (#0d1117 / #161b22 / #e6edf3)
   ============================================================ */
[data-theme="dark"] {
  /* 배경 */
  --color-bg-primary:   #0d1117;
  --color-bg-secondary: #161b22;
  --color-bg-tertiary:  #21262d;

  /* 텍스트 */
  --color-text-primary:   #e6edf3;
  --color-text-secondary: #c9d1d9;
  --color-text-muted:     #8b949e;

  /* 보더 */
  --color-border:       #30363d;
  --color-border-light: #21262d;

  /* 네비게이션 바 */
  --color-navbar-bg:     #161b22;
  --color-navbar-border: #30363d;

  /* 입력 폼 */
  --color-input-bg:     #0d1117;
  --color-input-border: #30363d;
  --color-input-text:   #c9d1d9;

  /* 푸터 */
  --color-footer-bg:     #0d1117;
  --color-footer-border: #30363d;
  --color-footer-text:   #8b949e;

  /* 링크 */
  --color-link:       #58a6ff;
  --color-link-hover: #79b8ff;

  /* 기타 */
  --color-shadow:  rgba(0, 0, 0, 0.4);
  --color-overlay: rgba(0, 0, 0, 0.7);
}


/* ============================================================
   다크 모드 — 시스템 설정 자동 감지
   :root:not([data-theme="light"]) : 사용자가 명시적으로
   라이트를 선택하지 않은 경우에만 시스템 다크 설정을 따른다.
   (DRY보다 명확성 우선 — [data-theme="dark"] 블록과 동일한 값)
   ============================================================ */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* 배경 */
    --color-bg-primary:   #0d1117;
    --color-bg-secondary: #161b22;
    --color-bg-tertiary:  #21262d;

    /* 텍스트 */
    --color-text-primary:   #e6edf3;
    --color-text-secondary: #c9d1d9;
    --color-text-muted:     #8b949e;

    /* 보더 */
    --color-border:       #30363d;
    --color-border-light: #21262d;

    /* 네비게이션 바 */
    --color-navbar-bg:     #161b22;
    --color-navbar-border: #30363d;

    /* 입력 폼 */
    --color-input-bg:     #0d1117;
    --color-input-border: #30363d;
    --color-input-text:   #c9d1d9;

    /* 푸터 */
    --color-footer-bg:     #0d1117;
    --color-footer-border: #30363d;
    --color-footer-text:   #8b949e;

    /* 링크 */
    --color-link:       #58a6ff;
    --color-link-hover: #79b8ff;

    /* 기타 */
    --color-shadow:  rgba(0, 0, 0, 0.4);
    --color-overlay: rgba(0, 0, 0, 0.7);
  }
}

/*
 * theme-overrides.css
 * Bootstrap 3 색상 오버라이드 — CSS 변수로 대체
 *
 * Bootstrap 3의 하드코딩된 색상을 theme-variables.css에 정의된
 * CSS Custom Properties로 오버라이드한다.
 * Bootstrap LESS 소스는 수정하지 않고, 캐스케이딩 우선순위로 덮어쓴다.
 *
 * 로드 순서 (BundleConfig.cs):
 *   1. bootstrap.css / bootstrap-theme.css  (bootstrapcss 번들)
 *   2. theme-variables.css                  (themecss 번들)
 *   3. theme-overrides.css                  (themecss 번들, 이 파일)
 *
 * Phase 1 (OVERVIEW.md) | 2026-02-18
 */


/* ============================================================
   1. body
   ============================================================ */
body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-secondary);
}


/* ============================================================
   2. 링크 (a)
   ============================================================ */
a {
  color: var(--color-link);
}

a:hover,
a:focus {
  color: var(--color-link-hover);
}


/* ============================================================
   3. hr
   ============================================================ */
hr {
  border-top-color: var(--color-border-light);
}


/* ============================================================
   4. .navbar-default
   ============================================================ */
.navbar-default {
  background-color: var(--color-navbar-bg);
  border-color: var(--color-navbar-border);
}

.navbar-default .navbar-brand {
  color: var(--color-text-muted);
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: var(--color-text-primary);
}

.navbar-default .navbar-nav > li > a {
  color: var(--color-text-muted);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: var(--color-text-primary);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: var(--color-text-primary);
  background-color: var(--color-navbar-border);
}

.navbar-default .navbar-toggle {
  border-color: var(--color-border);
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: var(--color-border);
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--color-text-muted);
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: var(--color-navbar-border);
}

.navbar-default .navbar-link {
  color: var(--color-text-muted);
}

.navbar-default .navbar-link:hover {
  color: var(--color-text-primary);
}


/* ============================================================
   5. .modal
   ============================================================ */
.modal-content {
  background-color: var(--color-bg-primary);
  border-color: var(--color-border);
}

.modal-header {
  border-bottom-color: var(--color-border);
}

.modal-footer {
  border-top-color: var(--color-border);
}

.modal-backdrop {
  background-color: var(--color-overlay);
}


/* ============================================================
   6. .form-control
   ============================================================ */
.form-control {
  background-color: var(--color-input-bg);
  border-color: var(--color-input-border);
  color: var(--color-input-text);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: var(--color-bg-tertiary);
}

.form-control::-webkit-input-placeholder { color: var(--color-text-muted); }
.form-control::-moz-placeholder          { color: var(--color-text-muted); }
.form-control:-ms-input-placeholder      { color: var(--color-text-muted); }
.form-control::placeholder               { color: var(--color-text-muted); }


/* ============================================================
   7. .panel
   ============================================================ */
.panel {
  background-color: var(--color-bg-primary);
}

.panel-default {
  border-color: var(--color-border);
}

.panel-default > .panel-heading {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

.panel-footer {
  background-color: var(--color-bg-secondary);
  border-top-color: var(--color-border);
}


/* ============================================================
   8. .well
   ============================================================ */
.well {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-border);
}


/* ============================================================
   9. .table
   ============================================================ */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top-color: var(--color-border);
}

.table > thead > tr > th {
  border-bottom-color: var(--color-border);
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: var(--color-border);
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--color-bg-secondary);
}

.table-hover > tbody > tr:hover {
  background-color: var(--color-bg-secondary);
}


/* ============================================================
   10. .dropdown-menu
   ============================================================ */
.dropdown-menu {
  background-color: var(--color-bg-primary);
  border-color: var(--color-border);
}

.dropdown-menu .divider {
  background-color: var(--color-border-light);
}

.dropdown-menu > li > a {
  color: var(--color-text-primary);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-primary);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: var(--color-text-muted);
}


/* ============================================================
   11. .btn-default
   ============================================================ */
.btn-default {
  background-color: var(--color-bg-primary);
  border-color: var(--color-input-border);
  color: var(--color-text-primary);
}

.btn-default:hover {
  background-color: var(--color-bg-tertiary);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

.btn-default:focus,
.btn-default.focus {
  background-color: var(--color-bg-tertiary);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
  background-color: var(--color-bg-primary);
}


/* ============================================================
   12. .list-group-item
   ============================================================ */
.list-group-item {
  background-color: var(--color-bg-primary);
  border-color: var(--color-border);
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-muted);
}

a.list-group-item,
button.list-group-item {
  color: var(--color-text-secondary);
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: var(--color-text-primary);
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  background-color: var(--color-bg-secondary);
  color: var(--color-text-secondary);
}


/* ============================================================
   13. .breadcrumb
   ============================================================ */
.breadcrumb {
  background-color: var(--color-bg-secondary);
}

.breadcrumb > .active {
  color: var(--color-text-muted);
}

.breadcrumb > li + li:before {
  color: var(--color-text-muted);
}


/* ============================================================
   14. .pagination
   ============================================================ */
.pagination > li > a,
.pagination > li > span {
  background-color: var(--color-bg-primary);
  border-color: var(--color-border);
  color: var(--color-link);
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-border);
  color: var(--color-link-hover);
}

.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus,
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus {
  background-color: var(--color-bg-primary);
  border-color: var(--color-border);
  color: var(--color-text-muted);
}


/* ============================================================
   15. .input-group-addon
   ============================================================ */
.input-group-addon {
  background-color: var(--color-bg-tertiary);
  border-color: var(--color-input-border);
  color: var(--color-input-text);
}


/* ============================================================
   16. code, pre
   ============================================================ */
code {
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-primary);
}

pre {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}


/* ============================================================
   17. .jumbotron
   ============================================================ */
.jumbotron {
  background-color: var(--color-bg-tertiary);
}


/* ============================================================
   18. .nav-tabs
   ============================================================ */
.nav-tabs {
  border-bottom-color: var(--color-border);
}

.nav-tabs > li > a:hover {
  border-color: var(--color-border-light) var(--color-border-light) var(--color-border);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: var(--color-bg-primary);
  border-color: var(--color-border);
  border-bottom-color: transparent;
  color: var(--color-text-secondary);
}


/* ============================================================
   19. .label-default
   ============================================================ */
.label-default {
  background-color: var(--color-text-muted);
}


/* ============================================================
   20. .badge
   ============================================================ */
.badge {
  background-color: var(--color-text-muted);
}


/* ============================================================
   21. .tooltip (선택)
   ============================================================ */
.tooltip-inner {
  background-color: var(--color-text-primary);
  color: var(--color-bg-primary);
}

.tooltip.top .tooltip-arrow    { border-top-color:    var(--color-text-primary); }
.tooltip.right .tooltip-arrow  { border-right-color:  var(--color-text-primary); }
.tooltip.bottom .tooltip-arrow { border-bottom-color: var(--color-text-primary); }
.tooltip.left .tooltip-arrow   { border-left-color:   var(--color-text-primary); }


/* ============================================================
   22. bootstrap-theme.css gradient 제거
   다크 모드에서 gradient가 CSS 변수 배경을 덮어쓰는 문제 해결
   ============================================================ */
.navbar-default {
  background-image: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: none;
}

.btn-default {
  background-image: none;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active {
  background-image: none;
}

.btn-primary {
  background-image: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
  background-image: none;
}

.btn-success {
  background-image: none;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
  background-image: none;
}

.btn-info {
  background-image: none;
}

.btn-info:hover,
.btn-info:focus {
  background-image: none;
}

.btn-warning {
  background-image: none;
}

.btn-warning:hover,
.btn-warning:focus {
  background-image: none;
}

.btn-danger {
  background-image: none;
}

.btn-danger:hover,
.btn-danger:focus {
  background-image: none;
}

.panel-default > .panel-heading {
  background-image: none;
}

.panel-primary > .panel-heading {
  background-image: none;
}

.well {
  background-image: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: none;
}

.progress {
  background-image: none;
}

.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
  background-image: none;
}


/* ============================================================
   23. .thumbnail
   ============================================================ */
.thumbnail {
  background-color: var(--color-bg-primary);
  border-color: var(--color-border);
}

.thumbnail .caption {
  color: var(--color-text-primary);
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--color-link);
}


/* ============================================================
   24. select, textarea
   ============================================================ */
select.form-control {
  background-color: var(--color-input-bg);
  border-color: var(--color-input-border);
  color: var(--color-input-text);
}

textarea.form-control {
  background-color: var(--color-input-bg);
  border-color: var(--color-input-border);
  color: var(--color-input-text);
}


/* ============================================================
   서드파티: Owl Carousel
   ============================================================ */

/* owl.theme.default.css: nav 버튼 배경 #D6D6D6, hover #869791, 글자 #FFF */
.owl-theme .owl-nav [class*='owl-'] {
  color: var(--color-text-primary);
  background: var(--color-bg-tertiary);
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: var(--color-border);
  color: var(--color-text-primary);
}

/* owl.theme.default.css: dot 배경 #D6D6D6, active/hover #869791 */
.owl-theme .owl-dots .owl-dot span {
  background: var(--color-border);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--color-text-muted);
}


/* ============================================================
   서드파티: jQuery UI (theme.css / datepicker.css)
   ============================================================ */

/* theme.css: .ui-widget-content { background: #ffffff; color: #333333; border-color: #dddddd } */
.ui-widget-content {
  background: var(--color-bg-primary);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

.ui-widget-content a {
  color: var(--color-link);
}

/* theme.css: .ui-widget-header { background: #e9e9e9; color: #333333; border-color: #dddddd } */
.ui-widget-header {
  background: var(--color-bg-secondary);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

.ui-widget-header a {
  color: var(--color-link);
}

/* theme.css: .ui-state-default { background: #f6f6f6; border-color: #c5c5c5; color: #454545 } */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: var(--color-bg-secondary);
  background-image: none;
  border-color: var(--color-border);
  color: var(--color-text-secondary);
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
  color: var(--color-link);
}

/* theme.css: .ui-state-hover { background: #ededed; border-color: #cccccc; color: #2b2b2b } */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  background: var(--color-bg-tertiary);
  background-image: none;
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: var(--color-link-hover);
}

/* theme.css: .ui-state-active { background: #007fff; border-color: #003eff; color: #ffffff } */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: var(--color-link);
  background-image: none;
  border-color: var(--color-link);
  color: var(--color-bg-primary);
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: var(--color-bg-primary);
}

/* datepicker.css: .ui-datepicker (위젯 컨테이너) */
.ui-datepicker {
  background: var(--color-bg-primary);
  border-color: var(--color-border);
}

/* datepicker.css: .ui-datepicker .ui-datepicker-header */
.ui-datepicker .ui-datepicker-header {
  background: var(--color-bg-secondary);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

/* datepicker.css: .ui-datepicker th (요일 헤더) */
.ui-datepicker th {
  color: var(--color-text-muted);
}

/* datepicker.css: .ui-datepicker td span, td a (날짜 셀) */
.ui-datepicker td span,
.ui-datepicker td a {
  color: var(--color-text-primary);
}

/* datepicker.css: prev/next hover — .ui-state-hover 오버라이드로 처리되지만
   datepicker 고유 hover-state 클래스에 대한 보완 */
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-border);
}


/* ============================================================
   서드파티: jQuery File Upload
   ============================================================ */

/* jquery.fileupload.css: .fileinput-button 에는 색상 선언 없음.
   버튼 색상은 Bootstrap .btn 클래스에 의존하므로 Bootstrap 오버라이드로 처리됨.
   아이콘/레이블 텍스트 색상만 보완 */
.fileinput-button {
  color: var(--color-text-primary);
}


/* ============================================================
   서드파티: Blueimp Gallery
   ============================================================ */

/* blueimp-gallery.css: 이미 #000 (rgba(0,0,0,0.9)) 배경, #fff 텍스트 사용.
   다크 테마와 충돌 없으므로 오버라이드 불필요. */


/* ============================================================
   25. Bootstrap Alerts (dark mode only)
   Bootstrap 3의 alert variant 4종을 다크모드에서 오버라이드.
   라이트 모드는 Bootstrap 원래 색상 유지.
   ============================================================ */
[data-theme="dark"] .alert-success {
    background-color: #0d2818;
    background-image: none;
    border-color: #1e7e34;
    color: #5cb85c;
}
[data-theme="dark"] .alert-info {
    background-color: #0a1929;
    background-image: none;
    border-color: #117a8b;
    color: #5bc0de;
}
[data-theme="dark"] .alert-warning {
    background-color: #2a2000;
    background-image: none;
    border-color: #d39e00;
    color: #f0ad4e;
}
[data-theme="dark"] .alert-danger {
    background-color: #2a0a0a;
    background-image: none;
    border-color: #bd2130;
    color: #d9534f;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .alert-success {
        background-color: #0d2818;
        background-image: none;
        border-color: #1e7e34;
        color: #5cb85c;
    }
    :root:not([data-theme="light"]) .alert-info {
        background-color: #0a1929;
        background-image: none;
        border-color: #117a8b;
        color: #5bc0de;
    }
    :root:not([data-theme="light"]) .alert-warning {
        background-color: #2a2000;
        background-image: none;
        border-color: #d39e00;
        color: #f0ad4e;
    }
    :root:not([data-theme="light"]) .alert-danger {
        background-color: #2a0a0a;
        background-image: none;
        border-color: #bd2130;
        color: #d9534f;
    }
}


/* ============================================================
   26. Generic form elements (without .form-control)
   .form-control 클래스 없이 사용된 input/select/textarea 대응.
   CSS 변수로 라이트/다크 자동 전환.
   ============================================================ */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
select,
textarea {
    background-color: var(--color-input-bg);
    border-color: var(--color-input-border);
    color: var(--color-input-text);
}