/* ============================================================
   이루리학원 플래너 — 브랜드 색 토큰 (그린)
   1차 적용: 출결 키오스크(/kiosk) 리디자인.
   다음 단계(플래너 전체 색 통일)가 이 토큰을 재사용한다.
   사용법: 페이지 기존 CSS 뒤에 <link>로 로드 → :root 변수를 덮어쓴다.
   ============================================================ */
:root{
  --brand:#2fa84f;        /* 메인 그린 — 큰 버튼·포인트. 흰 글자 대비 3.1:1 → 대형/볼드 텍스트(AA Large) 전용 */
  --brand-dark:#1e7a38;   /* 진한 그린 — 연두 배경 위 텍스트·아이콘 (--brand-bg 대비 4.9:1, AA) */
  --brand-deep:#166534;   /* 가장 진한 그린 — 본문급 강조 텍스트 */
  --brand-bg:#eaf7ee;     /* 연두 배경 — 하이라이트 바·필 배지·눌림 상태 */
  --brand-border:#bfe0c9; /* 연한 그린 테두리 */
  --ok:#1e7a38;           /* 성공/완료 — 소형 텍스트·칩에 쓰이므로 AA(4.5:1+) 진한 그린 (QA#21) */
  --danger:#dc2626;       /* 오류 (기존 유지) */
  --text:#1f2937;         /* 본문 텍스트 */
  --muted:#64748b;        /* 보조 텍스트 */
  --line:#e2e8f0;         /* 중립 라인/테두리 */
  --bg:#f4f7f5;           /* 페이지 배경 (아주 옅은 회녹색) */
  --card:#ffffff;         /* 카드 배경 */
  --badge-bg:#eef1f0;     /* 중립 필 배지 배경 (학년 등) */
  --badge-text:#4b5563;   /* 배지 텍스트 (흰/회 배경 대비 AA) */

  /* ── 별칭 (기존 화면 CSS가 쓰는 이름 → 그린 토큰으로 연결) ── */
  --done:#1e7a38;         /* planner.css 태스크 완료 = --ok (소형 표기 AA) */
  --due:#dc2626;          /* planner.css 마감/지연 = --danger */
  --ok-bg:#eaf7ee;        /* board.css 입실 칩 배경 = --brand-bg */
}