@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

@import "tailwindcss";

@theme {
  --font-sans: "Pretendard", system-ui, sans-serif;
}

/* Pagy 페이지네이션 스타일 */
@layer components {
  .pagy {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .pagy a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    border-radius: 0.375rem;
    font-weight: 500;
    color: var(--color-slate-600);
    transition: color 150ms, background-color 150ms;
    user-select: none;
  }

  /* 클릭 가능한 링크 hover */
  .pagy a[href]:hover {
    background-color: var(--color-teal-50);
    color: var(--color-teal-700);
  }

  /* 현재 페이지 */
  .pagy a[aria-current="page"] {
    background-color: var(--color-teal-600);
    color: white;
    font-weight: 600;
    cursor: default;
  }

  /* 생략 부호 (...) */
  .pagy a[role="separator"] {
    color: var(--color-slate-400);
    cursor: default;
    min-width: auto;
    padding: 0 0.125rem;
    letter-spacing: 0.1em;
  }

  /* 비활성 이전/다음 버튼 */
  .pagy a[role="link"]:not([aria-current]) {
    color: var(--color-slate-300);
    cursor: default;
  }
}