/*
  티오더 foundation 값 연결 (torder-design 패키지 포함본, 2026-10-06 기준).
  화면 코드는 원시 색 대신 아래 역할 변수만 쓴다.
  색: 내부 업무 도구용 중립 라이트 테마(신규 제안). 상태색도 신규 제안.
*/
:root {
  /* color.md — chrome / white / 상태 */
  --background: #fafafa;          /* torder-chrome/8 */
  --foreground: #181818;          /* torder-chrome/900 */
  --card: #ffffff;                /* torder-white/a100 */
  --muted: #f5f5f5;               /* torder-chrome/10 */
  --muted-foreground: #4f4f4f;    /* torder-chrome/600 */
  --border: #c6c6c6;              /* torder-chrome/100 */
  --border-subtle: #eaeaea;       /* torder-chrome/50 */
  --ring: #404040;                /* torder-chrome/700 */
  --primary: #181818;             /* torder-chrome/900 */
  --primary-foreground: #ffffff;  /* torder-white/a100 */

  --status-ending: #9a3412;       /* torder-orange/700 (경고) */
  --status-ongoing: #097146;      /* torder-green/700 (성공) */
  --status-upcoming: #0a4cc2;     /* torder-blue/600 (정보) */
  --status-store: #4f4f4f;        /* torder-chrome/600 */

  /* typography.md — KR: Pretendard, 자간 -2% */
  --font-sans: "Pretendard", system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif;
  --tracking: -0.02em;
  --leading-normal: 1.5;          /* leading/normal */
  --leading-snug: 1.3;            /* leading/snug (KR) */

  /* spacing.md (px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* radius.md */
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-full: 9999px;

  /* elevation.md — lv1 (light) */
  --shadow-lv1: 0 8px 16px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}