/*! 일등수학학원 관리 웹앱 | © 2026 일등수학학원. All rights reserved.
 *  무단 복제·배포·2차적 저작물 작성을 금합니다. */
/* 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;          /* 삭제 등 위험 동작 글자색 */

  /* 오수완브리핑 명단 주차 진행 바 (핑크 계열) */
  --osu-week-fill:#e0709a;   /* 해당 주차 작성 완료 */
  --osu-week-empty:#e6e6e6;  /* 미작성 */

  /* 출석부 상태색 (docs/ATTENDANCE.md 4장)
     각 색은 진한색(좌측 4px 바·글자) + -bg(옅은 배경) 한 쌍.
     '시작예정'은 기존 --bar-blank(연보라) 재사용. */
  --new:#2f6fd8;  --new-bg:#eaf1fc;   /* 신규생 (시작 후 4주) */
  --ok:#2e9e5b;   --ok-bg:#eaf6ef;    /* 출석 */
  --ab:#d0473c;   --ab-bg:#fceceb;    /* 결석 */
  --mk:#d98b2b;   --mk-bg:#fdf3e7;    /* 보강 */
  --out:#a0a0a0;  --out-bg:#f2f2f0;   /* 퇴원 (회색·제외) */

  /* 출석부 시간표: 정원 초과 구간 띠 (블록 위에 얹히므로 반투명) */
  --over-tint:rgba(208,71,60,.14);

  /* 학사일정: 입학TEST(노랑) · 첫등원(연두)
     학교색과 겹치지 않는 자리에 둔다 — 학교는 파랑·빨강·초록 계열을 쓴다. */
  --mark-test:#8a6d1f;  --mark-test-bg:#fdf4d9;
  --mark-first:#4b7a2a; --mark-first-bg:#eef7e0;

  /* 학사일정 학교색 (docs/SCHEDULE.md)
     재원생 많은 순으로 1~7번을 주고, 8번은 나머지를 묶는 회색.
     여덟 가지가 사람이 색만으로 구분할 수 있는 한계다. */
  --sch-1:#2f6fd8; --sch-1-bg:#e8f0fc;
  --sch-2:#d0473c; --sch-2-bg:#fbeceb;
  --sch-3:#2e9e5b; --sch-3-bg:#e9f6ef;
  --sch-4:#d98b2b; --sch-4-bg:#fdf3e7;
  --sch-5:#7b5bd6; --sch-5-bg:#efebfb;
  --sch-6:#0f8f9e; --sch-6-bg:#e5f3f5;
  --sch-7:#b8477f; --sch-7-bg:#fbeaf3;
  --sch-8:#6b7280; --sch-8-bg:#f1f2f4;

  /* 타이포 굵기는 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;
    --osu-week-fill:#e589ac;
    --osu-week-empty:#3a3a3a;
    --over-tint:rgba(224,138,135,.20);
    --new:#6a9ae8;  --new-bg:#22304a;
    --ok:#5cbb85;   --ok-bg:#1f3a2a;
    --ab:#e08a87;   --ab-bg:#3d2624;
    --mk:#e0a862;   --mk-bg:#3b2f1d;
    --out:#7a7a7a;  --out-bg:#2c2c2c;

    --mark-test:#e0c469;  --mark-test-bg:#3b3320;
    --mark-first:#9dc47a; --mark-first-bg:#26361f;

    /* 학사일정 학교색 — 어두운 배경에서도 서로 구분되게 밝기를 올린다 */
    --sch-1:#6a9ae8; --sch-1-bg:#1e2b40;
    --sch-2:#e08a87; --sch-2-bg:#3a2422;
    --sch-3:#5cbb85; --sch-3-bg:#1f3a2a;
    --sch-4:#e0a862; --sch-4-bg:#3b2f1d;
    --sch-5:#a48ce6; --sch-5-bg:#2b2440;
    --sch-6:#4fb3bf; --sch-6-bg:#173035;
    --sch-7:#d982ad; --sch-7-bg:#3a2130;
    --sch-8:#9aa1ab; --sch-8-bg:#2b2d31;
  }
}