/* 📁 public/css/main.css */
/* 1. Base styles */
@import url('base/_reset.css');
@import url('base/_typography.css');
@import url('base/_scrollbar.css');

/* 2. Layout styles */
@import url('layout/_grid.css');
@import url('layout/_header.css');
@import url('layout/_footer.css');

/* 3. Component styles */
@import url('components/_buttons.css');
@import url('components/_forms.css');
@import url('components/_cards.css');
@import url('components/_modal.css');

/* 4. Page-specific styles */
@import url('pages/_mypage.css');
@import url('pages/_result.css');
@import url('pages/_form_dream.css');
@import url('pages/_login.css');
@import url('pages/_user_dashboard.css');
@import url('pages/_bookshelf.css');
@import url('pages/_contact.css');
@import url('pages/_missions.css');
@import url('pages/_star_piece.css'); /* [수정] 별조각 페이지 CSS 추가 */

/* 아이콘과 텍스트의 세로 정렬을 위한 스타일 */
legend > svg,
h2 .icon > svg,
h4 .icon > svg {
    width: 1.1em;
    height: 1.1em;
    margin-right: 0.4em;
    vertical-align: -0.15em; /* 텍스트와 수직 중앙 정렬을 미세하게 조정 */
    color: var(--accent-color);
}

* {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */
  user-select: none;         /* 표준 문법 */

  -webkit-user-drag: none;   /* 드래그 방지 (Webkit) */
  /* user-drag: none; */

  pointer-events: auto;      /* 필요시 클릭 등 이벤트 유지 */
}