@charset "utf-8";

/*
  ┌─────────────────────────────────────────────────────────────────────┐
  │ DS (Design System) — output.css                           │
  │                                                                     │
  │ 배포용 진입점 파일입니다.                                             │
  │ HTML에서 이 파일 하나만 불러오면 됩니다.                              │
  │                                                                     │
  │   <link rel="stylesheet" href="design-guide/output.css">          │
  │                                                                     │
  │ reset.css 내부에서 tokens.css를 import하므로                         │
  │ tokens → reset → component 순서로 자동 로드됩니다.                   │
  └─────────────────────────────────────────────────────────────────────┘
*/

@import "reset.css";       /* tokens.css 포함 */
@import "component.css";
@import "layout.css";      /* 공통 레이아웃 패턴 */
@import "color-utility.css"; /* 유틸리티 컬러 클래스 (.color-*) */

/* ==================== 접근성 유틸리티 ==================== */

/* 스크린리더 전용 숨김 텍스트 */
.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}