@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);

  /* ===== 텍스트 색상 ===== */
  --color-text-title: #1b2027;
  --color-text-body: #1b2027;
  --color-text-label: #6c7682;
  --color-text-meta: #8c95a1;
  --color-text-placeholder: #9ca3af;
  --color-text-placeholder-alt: #b1b8c0;
  --color-basic-text: #4c5561;
  --color-neutral-700: #333c47;
  --color-logo-text: #333c47;
  --color-input-alert-text: #333c47;

  /* ===== 배경 색상 ===== */
  --color-bg-gray-light: #f1f3f5;
  --color-bg-gray-hover: #e5e7eb;
  --color-bg-success-light: #e5f5ec;
  --color-bg-primary-light: #ecf0ff;
  --color-bg-header: #060958;

  /* ===== 테두리 색상 ===== */
  --color-neutral-40: #dee1e6;
  --color-input-border: #dee1e6;
  --color-input-border-select: #333c47;

  /* ===== 버튼/액션 색상 ===== */
  --color-inactive-button: #8598e8;
  --color-active-button: #1f2b91;
  --color-active-button-hover: #1a2478;
  --color-primary: #384fbf;
  --color-primary-alt: #384FBF;

  /* ===== 상태 색상 ===== */
  --color-error: #f64c4c;
  --color-success: #0c9d61;
  --color-inactive-checkbox: #c2c9cf;
  --color-input-placeholder-text: #b1b8c0;
}

body {
  background: var(--background);
  color: var(--foreground);
}

/* 전역 스크롤바 스타일 - 배경(트랙)만 투명하게, 썸은 보이게 */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

html::-webkit-scrollbar {
  width: 8px;
}

html::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

html::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

button {
  cursor: pointer;
}

button:hover {
  cursor: pointer;
}

/* 드롭다운 스크롤바 스타일 - 배경 없애기 */
.dropdown-scroll {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.dropdown-scroll::-webkit-scrollbar {
  width: 6px;
}

.dropdown-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.dropdown-scroll::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
}

.dropdown-scroll:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

/* CSV 표 스크롤바 스타일 - 배경만 투명, thumb는 보이게 */
.csv-table-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

.csv-table-scroll::-webkit-scrollbar {
  width: 6px;
}

.csv-table-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.csv-table-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.csv-table-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
