/* Rule: 2.2 타이포그래피 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

:root {
  --font-sans: "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply font-sans antialiased text-gray-080 bg-gray-000;
  }
}

/* Custom Select Arrow Styling */
select {
  -webkit-appearance: none; /* Hide default arrow for Chrome/Safari */
  -moz-appearance: none;    /* Hide default arrow for Firefox */
  appearance: none;         /* Hide default arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23696D6D'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center; /* Padding to move arrow in from boundary */
  background-size: 20px;
  padding-right: 48px !important; /* Make room for arrow with padding */
}

/* Rule: Default Search Width Class */
.search-input-group {
  width: 100%;
  max-width: 300px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  @apply w-1.5 h-1.5;
}

::-webkit-scrollbar-track {
  @apply bg-transparent;
}

::-webkit-scrollbar-thumb {
  @apply bg-gray-020 rounded-full hover:bg-gray-040;
}