/* =========================================================
   ZARA 디자인 토큰 — 단일 소스 오브 트루스
   Phase 7: Concentrix 브랜드 컬러 개편.
   네이비(#003D5B)를 primary, 민트(#25E2CC)를 시그니처 액센트로 전면 교체.
   Pretendard sans 고정 · 다크모드 없음 · 한국어 중심.
   참조: designer2-9d2c53af-4e1c-4561-bdb8-b7869727f31e (shared.jsx의 T 팔레트)
   ========================================================= */
:root {
  /* 컬러 — 두 결 분리 강제 */
  --bg:           #FFFFFF;        /* 페이지 배경: Phase 8-4 — 로고(흰 배경)와의 일체감을 위해 순백으로 변경 */
  --bg-elev:      #FFFFFF;        /* 카드/엘리베이션 배경 */
  --bg-hover:     var(--mint-tint); /* Phase 8-6: 기존 모래(#EFECE4) 톤이 로고/배경과 언밸런스하다는 피드백으로,
                                        사이드바 해시태그 활성 메뉴와 동일한 시그니처 민트 틴트로 통일 */
  --line:         #E4E0D4;        /* 보더 */
  --line-soft:    #EFECE2;        /* 보조 보더/디바이더 */
  --line-strong:  #0B0B0C;        /* 강조 보더(폼/테이블/모달) — 잉크 검정 얇게 */

  /* 텍스트 */
  --ink:          #0B0B0C;        /* 메인 텍스트 */
  --ink-2:        #4A4A4E;        /* 본문 보조 */
  --ink-3:        #8B8B8F;        /* 메타/캡션 */

  /* 액센트 — Concentrix 브랜드 컬러 페어
     네이비: primary CTA / 강조 라인 / 헤드라인 하이라이트 / 링크
     민트: 시그니처 액센트 · 활성 상태 · 호버 · 배지(NEW 등) */
  --accent:       #003D5B;        /* Concentrix navy */
  --accent-hover: #002C43;
  --accent-tint:  #E4EDF2;        /* 활성 배지/hover 배경 */
  --mint:         #25E2CC;        /* 시그니처 민트 (로고 포인트 컬러) */
  --mint-ink:     #003D5B;        /* 민트 배경 위 텍스트는 네이비로 */
  --mint-tint:    #E4FBF7;
  --warn:         #A87C3A;        /* PARTIAL / "확인 필요" — 머스타드 계승 */
  --warn-hover:   #8F6730;
  --warn-tint:    rgba(168,124,58,.10);
  --ok:           #0F9968;        /* 정상/동기화 완료 상태 (참조: shared.jsx T.ok) */
  --ok-tint:      #EAF6F1;

  /* 경고(sensitive)는 브랜드 액센트와 분리된 시맨틱 상태색 */
  --sensitive-bg:     #FDEAE7;
  --sensitive-border: #D6382A;

  /* 라운딩 — 컴포넌트별 다른 값 (단일 금지) */
  --r-btn:        6px;
  --r-input:      8px;
  --r-card:       8px;
  --r-pill:       999px;

  /* 그림자 — 미세, 단일 공식만. Navy 톤으로 통일 */
  --shadow-card:  0 1px 0 rgba(0,61,91,.04),
                  0 8px 24px -16px rgba(0,61,91,.10);

  /* 모션 — 사용자 동작 트리거에만, 진입 stagger 금지 */
  --ease: cubic-bezier(0.2,0,0,1);
  --dur:  120ms;

  /* 폰트 스택 — Pretendard sans 고정(한국어 중심), 다국어는 시스템 폴백만 보조 */
  --font-sans:  'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', Roboto, sans-serif;
  --font-serif: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans KR', Roboto, sans-serif;
  --font-mono:  'JetBrains Mono', 'SF Mono', 'Consolas', 'Menlo', 'Courier New', monospace;

  /* 사이즈 5단 (데스크톱 / 모바일 2세트) */
  --fs-11: 11px; --fs-13: 13px; --fs-15: 15px; --fs-18: 18px; --fs-26: 26px;
  --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-20: 20px; --fs-32: 32px;

  /* 그리드 — 8 / 12 / 16 / 24 / 32만 사용 */
  --g-8:  8px;
  --g-12: 12px;
  --g-16: 16px;
  --g-24: 24px;
  --g-32: 32px;

  /* 컨테이너 */
  --w-page: 1240px;
  --w-sidebar: 232px;

  /* ---- 레거시 별칭(alias): case-guide/admin/hashtags 등 기존 구조 화면이 참조하는
     예전 변수명을 새 토큰 값에 그대로 매핑. 기존 마크업/JS를 건드리지 않고
     색·라운딩·타이포를 새 디자인 시스템 값으로 통일하기 위한 용도.
     --navy/--mustard는 그대로 두되 값만 새 팔레트로 교체(네이비=accent 유지, 민트는 --lime 별칭으로 신규 매핑). ---- */
  --card-bg: var(--bg-elev);
  --bg-subtle: var(--bg-hover);
  --border: var(--line);
  --border-strong: var(--line-strong);
  --text: var(--ink);
  --text-dim: var(--ink-2);
  --text-faint: var(--ink-3);
  --navy: var(--accent);
  --navy-hover: var(--accent-hover);
  --navy-bg: var(--accent-tint);
  --mustard: var(--warn);
  --mustard-hover: var(--warn-hover);
  --mustard-bg: var(--warn-tint);
  /* 레거시 NEW/시즌 배지가 참조하던 라임 별칭 — 이제 시그니처 민트로 통일 */
  --lime: var(--mint);
  --lime-ink: var(--mint-ink);
  --mono: var(--font-mono);
  --sans: var(--font-sans);
  --serif: var(--font-serif);
  --radius-btn: var(--r-btn);
  --radius-input: var(--r-input);
  --radius-card: var(--r-card);
  --radius-pill: var(--r-pill);
  --page-max: var(--w-page);
  --fs-1: var(--fs-11);
  --fs-2: var(--fs-13);
  --fs-3: var(--fs-15);
  --fs-4: var(--fs-18);
  --fs-5: var(--fs-26);
}

@media (max-width: 768px) {
  :root {
    --fs-18: var(--fs-20);
    --fs-26: var(--fs-32);
  }
}