/* tokens.css — 디자인 토큰 (DESIGN.md 기준)
   색은 추후 포인트 1개(--accent)만 추가. 지금은 무채색.
   하드코딩 색 금지 — 항상 이 변수만 사용한다. */

:root{
  /* 표면(배경) */
  --surface-0:#f7f7f5;   /* 페이지 배경 */
  --surface-1:#ffffff;   /* 카드 */
  --surface-2:#ffffff;   /* 펼침 영역 등 */

  /* 글자 */
  --text-primary:#1a1a1a;
  --text-secondary:#6b6b6b;
  --text-muted:#a0a0a0;

  /* 테두리 */
  --border:#ececec;
  --border-strong:#dcdcdc;

  /* 형태 */
  --radius:8px;
  --pad:16px;

  /* 상태 표시용 옅은 배경(색 확정 전엔 회색 농도로 구분) */
  --state-bg:#f2f2f0;        /* 강조 상태 옅은 배경 */
  --state-bar:#cfcfcc;       /* 좌측 4px 세로 바 */
  --done-text:var(--text-muted); /* 완료=회색 처리 */

  /* 입학원서 상태 바 (색은 추후 변경 가능) */
  --bar-blank:#cdbff0;       /* 시작일 미입력 = 연보라 */
  --bar-today:#f3b1b1;       /* 오늘 등원 = 연빨강 */
  --danger:#c0504d;          /* 삭제 등 위험 동작 글자색 */

  /* 타이포 굵기는 400/500만 사용 */
  --fw-normal:400;
  --fw-medium:500;

  /* 추후 추가 예정:
     --accent, --accent-bg, --accent-text  (한 세트만) */
}

@media (prefers-color-scheme: dark){
  :root{
    --surface-0:#1a1a1a;
    --surface-1:#242424;
    --surface-2:#242424;
    --text-primary:#f2f2f2;
    --text-secondary:#b0b0b0;
    --text-muted:#7a7a7a;
    --border:#333333;
    --border-strong:#444444;
    --state-bg:#2c2c2c;
    --state-bar:#4a4a4a;
    --bar-blank:#6b5bb0;
    --bar-today:#b06b6b;
    --danger:#e08a87;
  }
}