/* =========================================================
   AI PT 디자인 토큰 (색상표)
   개인 특색(색·글꼴·모서리)은 이 파일에서만 바꿉니다.
   레이아웃 콘셉트: 측정 리포트형 — 왼쪽은 메시지, 오른쪽은 '업무 체성분 결과지'.
   기본은 채널과 같은 다크(검정 + 시안), 라이트는 같은 구조로 자동 전환.
   ========================================================= */
:root {
  color-scheme: dark;

  /* 색 */
  --bg: #0A0D11;            /* 페이지 바탕 */
  --surface: #11161D;       /* 결과지·카드 표면 */
  --surface-2: #161D26;     /* 표면 위 한 단계 */
  --line: #222C37;          /* 기본 선 */
  --line-strong: #33404E;   /* 강조 선 */
  --fg: #F2F5F8;            /* 본문 글자 */
  --muted: #8E9BAA;         /* 보조 글자 */
  --faint: #5E6B7A;         /* 캡션 */
  --accent: #18D8F2;        /* 채널 시안 */
  --accent-text: #5FE6F7;   /* 글자용 시안 */
  --on-accent: #03252C;     /* 시안 위 글자 */
  --accent-soft: rgba(24, 216, 242, 0.12);
  --caution: #F2B84B;       /* '맞지 않는 경우' 표시 */

  /* 글꼴 */
  --font-sans: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-logo: "Gmarket Sans", "Pretendard Variable", sans-serif;   /* 로고 전용 */
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;  /* 결과지 숫자 전용 */

  /* 글자 크기 단계 */
  --fs-hero: clamp(2.4rem, 5.2vw, 4.2rem);
  --fs-h2: clamp(1.8rem, 3.4vw, 2.7rem);
  --fs-h3: 1.2rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-caption: 0.78rem;

  /* 모서리 · 폭 */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --max: 1200px;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #F4F7F9;
    --surface: #FFFFFF;
    --surface-2: #EEF2F5;
    --line: #D8E0E7;
    --line-strong: #C2CDD7;
    --fg: #0A0D11;
    --muted: #52627A;
    --faint: #7D8B9B;
    --accent: #0BB8D1;
    --accent-text: #00758A;
    --on-accent: #03252C;
    --accent-soft: rgba(11, 184, 209, 0.12);
    --caution: #A86E00;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F4F7F9;
  --surface: #FFFFFF;
  --surface-2: #EEF2F5;
  --line: #D8E0E7;
  --line-strong: #C2CDD7;
  --fg: #0A0D11;
  --muted: #52627A;
  --faint: #7D8B9B;
  --accent: #0BB8D1;
  --accent-text: #00758A;
  --on-accent: #03252C;
  --accent-soft: rgba(11, 184, 209, 0.12);
  --caution: #A86E00;
}