@charset "UTF-8";
/*!
 * 창의설계축전 커스텀 부트스트랩 테마 CSS
 * 대상: Bootstrap 5.x
 * 주요 컬러: Primary(오렌지 #f37321), Secondary(연회색 #8c8c8c), Dark(진회색 #4a4a4a)
 */

:root {
  /* ==========================================================================
     1. 전역 테마 컬러 변수 및 RGB (bg-opacity, text-opacity 유틸리티 대응)
     ========================================================================== */
  --bs-primary: #f37321;
  --bs-primary-rgb: 243, 115, 33;
  --bs-secondary: #8c8c8c;
  --bs-secondary-rgb: 140, 140, 140;
  --bs-dark: #4a4a4a;
  --bs-dark-rgb: 74, 74, 74;
  --bs-light: #f8f9fa;
  --bs-light-rgb: 248, 249, 250;

  /* 의미론적 컬러 (메인 테마와 충돌하지 않도록 채도 조절) */
  --bs-success: #2b8a3e;
  --bs-success-rgb: 43, 138, 62;
  --bs-info: #17a2b8;
  --bs-info-rgb: 23, 162, 184;
  --bs-warning: #ffc107;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger: #e03131;
  --bs-danger-rgb: 224, 49, 49;

  /* ==========================================================================
     2. 바디 및 링크 컬러
     ========================================================================== */
  --bs-body-color: #333333;
  --bs-body-color-rgb: 51, 51, 51;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;

  --bs-link-color: #f37321;
  --bs-link-color-rgb: 243, 115, 33;
  --bs-link-decoration: none;
  --bs-link-hover-color: #cc5f18;
  --bs-link-hover-color-rgb: 204, 95, 24;

  /* 폼 요소 포커스 링 (오렌지색 반투명) */
  --bs-focus-ring-color: rgba(243, 115, 33, 0.25);
}

/* ==========================================================================
   3. 컴포넌트 세부 오버라이드 (CSS 변수로 커버되지 않는 하드코딩 속성)
   ========================================================================== */

/* Buttons - Primary (오렌지) */
.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #f37321;
  --bs-btn-border-color: #f37321;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #d9651a;
  --bs-btn-hover-border-color: #cc5f18;
  --bs-btn-focus-shadow-rgb: 245, 136, 66;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #cc5f18;
  --bs-btn-active-border-color: #bf5916;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #f8ad7d;
  --bs-btn-disabled-border-color: #f8ad7d;
}

/* Buttons - Outline Primary */
.btn-outline-primary {
  --bs-btn-color: #f37321;
  --bs-btn-border-color: #f37321;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #f37321;
  --bs-btn-hover-border-color: #f37321;
  --bs-btn-focus-shadow-rgb: 243, 115, 33;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #f37321;
  --bs-btn-active-border-color: #f37321;
  --bs-btn-disabled-color: #f37321;
}

/* Buttons - Secondary (연회색) */
.btn-secondary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #8c8c8c;
  --bs-btn-border-color: #8c8c8c;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #777777;
  --bs-btn-hover-border-color: #707070;
  --bs-btn-focus-shadow-rgb: 157, 157, 157;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #707070;
  --bs-btn-active-border-color: #696969;
}

/* Buttons - Dark (진회색) */
.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #4a4a4a;
  --bs-btn-border-color: #4a4a4a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #3f3f3f;
  --bs-btn-hover-border-color: #3b3b3b;
  --bs-btn-focus-shadow-rgb: 101, 101, 101;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #3b3b3b;
  --bs-btn-active-border-color: #373737;
}

/* Form Controls (인풋창 포커스 아웃라인) */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #f8ad7d;
  box-shadow: 0 0 0 0.25rem rgba(243, 115, 33, 0.25);
}

.form-check-input:checked {
  background-color: #f37321;
  border-color: #f37321;
}

/* Nav & Tabs */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: #f37321;
}

.nav-tabs .nav-link {
  color: #4a4a4a;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: #f37321;
  border-color: #e9ecef #e9ecef #dee2e6;
}

/* Pagination */
.page-link {
  color: #f37321;
}
.page-link:hover {
  color: #cc5f18;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  color: #cc5f18;
  background-color: #e9ecef;
  box-shadow: 0 0 0 0.25rem rgba(243, 115, 33, 0.25);
}
.page-item.active .page-link {
  z-index: 3;
  color: #ffffff;
  background-color: #f37321;
  border-color: #f37321;
}

/* Badges & Alerts */
.badge.bg-primary {
  color: #ffffff !important;
}
.alert-primary {
  color: #7a3a10;
  background-color: #fdf1e9;
  border-color: #fce4d3;
}
.alert-primary .alert-link {
  color: #612e0d;
}

/* List Groups */
.list-group-item.active {
  z-index: 2;
  color: #ffffff;
  background-color: #f37321;
  border-color: #f37321;
}

/* Text Selection (드래그 시 강조 색상) */
::selection {
  background-color: #f37321;
  color: #ffffff;
}
::-moz-selection {
  background-color: #f37321;
  color: #ffffff;
}