/*
 * 디자인 토큰
 * 색·크기·간격의 유일한 출처. 다른 CSS 파일에는 색 값(#hex, rgb)을 직접 쓰지 않는다.
 * 색 단계는 범정부 UI/UX 디자인 시스템(KRDS)의 파랑·회색 체계를 참고했다.
 * 라이트 테마 단일 운영 (업무 시스템 특성상 의도적으로 고정).
 */
:root {
  /* 브랜드 */
  --color-primary: #256ef4;
  --color-primary-hover: #0b50d0;
  --color-primary-strong: #083891;
  --color-primary-subtle: #ecf2fe;
  --color-primary-muted: #d8e5fd;

  /* 글자 */
  --color-text: #1e2124;
  --color-text-secondary: #464c53;
  --color-text-tertiary: #6d7882;
  --color-text-placeholder: #8a949e;
  --color-text-disabled: #b1b8be;
  --color-text-inverse: #fff;

  /* 면 */
  --color-bg: #f4f5f6;
  --color-surface: #fff;
  --color-surface-subtle: #f8f9fa;
  --color-surface-hover: #fafbfc;

  /* 선 */
  --color-border: #cdd1d5;
  --color-border-strong: #b1b8be;
  --color-border-subtle: #e6e8ea;
  --color-border-emphasis: #1e2124;

  /* 상태 */
  --color-danger: #d63d2f;
  --color-danger-subtle: #fdefec;
  --color-danger-border: #f0b5ac;
  --color-success: #228738;
  --color-success-subtle: #eaf6ec;
  --color-success-icon: #3fb55a;
  --color-warning: #a35f00;
  --color-warning-subtle: #fff5e1;

  /* 달력 */
  --color-sunday: #d63d2f;
  --color-saturday: #256ef4;

  /* 그림자·덮개 */
  --color-overlay: rgb(30 33 36 / 48%);
  --shadow-sm: 0 1px 2px rgb(30 33 36 / 6%), 0 1px 3px rgb(30 33 36 / 8%);
  --shadow-lg: 0 12px 32px rgb(30 33 36 / 16%);

  /* 글꼴 */
  --font-sans: 'Pretendard Variable', pretendard, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 15px;
  --text-body: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 28px;
  --text-3xl: 34px;
  --leading-tight: 1.3;
  --leading-normal: 1.6;
  --tracking-tight: -0.03em;
  --tracking-normal: -0.01em;

  /* 간격 (4의 배수) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* 모서리 */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 999px;

  /* 크기 */
  --control-height: 40px;
  --control-height-sm: 32px;
  --topbar-height: 64px;
  --sidenav-width: 240px;

  color-scheme: light;
}