/* Edu Teal 디자인 시스템 토큰 (https://claude.ai/artifact/ALkdXE713t64dxcJLCAfFQ)
   색·글자·여백·모서리 값은 여기서만 정의하고, 화면과 컴포넌트는 이 변수만 씁니다. */
:root {
  /* Color */
  --teal-700: #00615e;   /* 눌린 상태(primary 버튼·탭) */
  --teal-600: #00807c;   /* Primary: 버튼, 강조 카드, 선택된 탭, 링크 */
  --teal-500: #00a9a5;   /* 장식 전용 — 글자 뒤 배경으로 쓰지 않음(흰 글자 대비 부족) */
  --teal-100: #e6f6f5;   /* 연한 강조: 선택된 행, 부드러운 배지 */
  --orange-600: #c2410c; /* 포인트 글자: 진행 중·휴업일 등 눈에 띄어야 하는 표시 */
  --orange-100: #fff1e8; /* orange-600 배지 배경 */
  --blue-600: #2563eb;   /* 안내 정보 */
  --red-600: #dc2626;    /* 오류 전용 */
  --gray-900: #1f2328;   /* 본문 글자 */
  --gray-600: #5f6672;   /* 보조 글자: 설명, 날짜, 표 머리글 */
  --gray-400: #9ca3af;   /* 비활성·placeholder 전용 (읽는 글자에 쓰지 않음) */
  --gray-200: #e5e7eb;   /* 구분선 */
  --gray-100: #f3f4f6;   /* 표 머리글, 비활성 버튼 배경 */
  --gray-50: #f7f8fa;    /* 페이지 배경 */
  --white: #ffffff;      /* 카드 표면, teal-600 위 글자 */

  /* Type */
  --font-sans: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --type-display: 700 28px/36px var(--font-sans);
  --type-title-lg: 700 22px/30px var(--font-sans);
  --type-title: 700 20px/28px var(--font-sans);
  --type-subtitle: 600 18px/26px var(--font-sans);
  --type-body: 500 16px/24px var(--font-sans);
  --type-body-sm: 400 14px/20px var(--font-sans);
  --type-caption: 500 12px/16px var(--font-sans);
  --tracking-display: -0.02em;
  --tracking-title-lg: -0.02em;
  --tracking-title: -0.01em;

  /* Spacing */
  --space-1: 4px;   /* 아이콘-글자 간격 */
  --space-2: 8px;   /* 줄 사이, 배지 안쪽 */
  --space-3: 12px;  /* 카드 사이 */
  --space-4: 16px;  /* 모바일 좌우 여백 */
  --space-5: 20px;  /* 카드 안쪽 */
  --space-6: 24px;  /* 카드와 섹션 제목 사이 */
  --space-8: 32px;  /* 섹션 사이 */
  --space-10: 40px; /* 하단 주요 버튼 위 */

  /* Radius */
  --radius-sm: 4px;    /* 배지, 표 안 작은 버튼 */
  --radius-md: 8px;    /* 버튼, 표, 입력창 */
  --radius-lg: 16px;   /* 카드, 배너 */
  --radius-xl: 24px;   /* 시트, 모달 */
  --radius-full: 999px;

  /* Shadow */
  --shadow-card: 0 2px 8px rgba(31, 35, 40, 0.06);
  --shadow-bar: 0 -1px 0 #e5e7eb;
}