/* ==========================================================
   core/tokens.css — 디자인 토큰
   색 · 반경 · 그림자 · 폰트 · 헤더 높이. 값은 여기서만 정의한다.
   다른 파일에서는 #색상값을 직접 쓰지 말고 var(--토큰)을 쓴다.

   로또해봄·오늘해봄·급식몇등과 같은 ink/line/surface 스케일, 반경, 그림자,
   글꼴, 레이아웃 폭을 공유하고 물가몇등 전용 색만 추가했다.

   색의 역할은 세 갈래로 분리한다 (섞어 쓰지 않는다)
     · 브랜드    에메랄드 — 로고 · 주 버튼 · 선택된 메뉴. 데이터 의미 없음
     · 지수 방향 비쌈/상승 = 빨강, 저렴/하락 = 파랑, 평균 = 회색
                 (국내 가격 표기 관례. 항상 ▲▼ 기호와 글을 같이 쓴다)
     · 항목 색   6개 지수 항목의 정체성 색 — 아이콘 타일 · 가중치 막대 전용
                 (dataviz 검증 스크립트로 인접 색 구분 확인함)
   ========================================================== */

:root {
  /* ---- 브랜드 ---- */
  --brand: #0EA271;
  --brand-2: #1CC08A;
  --brand-deep: #047857;
  --brand-soft: #E7F7F0;
  --brand-line: #BDEBD7;
  --mint: #F4FBF8;

  /* ---- 숫자 · 순위 ---- */
  --navy: #16213E;
  --navy-2: #2B3A63;
  --navy-soft: #EEF1F8;

  /* ---- 지수 방향 (비쌈 · 저렴) ---- */
  --exp: #E5484D;   --exp-deep: #C22F35;   --exp-soft: #FFF0F0;   --exp-line: #FBD0D2;
  --aff: #2F6BEA;   --aff-deep: #1F54C7;   --aff-soft: #EEF3FF;   --aff-line: #CFDDFD;
  --flat: #98A0B0;  --flat-soft: #F1F3F7;
  --mid-line: #C5CBD6;   /* 전국 평균 100 기준선 */

  /* ---- 지수 항목 정체성 색 (타일 · 가중치 막대 전용) ---- */
  --c-groceries: #5B5BD6; --c-groceries-soft: #EFEFFD;
  --c-freshFood: #1FA36B; --c-freshFood-soft: #E6F6EE;
  --c-dining: #EB6834;    --c-dining-soft: #FEEFE8;
  --c-services: #CF4C9C;  --c-services-soft: #FBEDF5;
  --c-fuel: #C99000;      --c-fuel-soft: #FDF4DC;
  --c-trend: #1E8FBF;     --c-trend-soft: #E6F4FA;

  /* ---- 상태 ---- */
  --ok: #16A36D;   --ok-deep: #0B7A50;   --ok-soft: #E7F7F0;   --ok-line: #BEEBD8;
  --warn: #F08C00; --warn-deep: #A85A04; --warn-soft: #FFF3DF; --warn-line: #FBDCA8;
  --info: #2F7BFF; --info-deep: #1B5FD6; --info-soft: #EDF4FF; --info-line: #CFE0FF;

  /* ---- 텍스트 · 표면 (다크모드 없음: 항상 밝게) ---- */
  --ink: #1D2433;
  --ink-2: #4A5366;
  --ink-3: #667085;
  --ink-4: #98A0B0;
  --line: #E8EBF1;
  --line-2: #F1F3F7;
  --surface: #FFFFFF;
  --surface-2: #F6F8FB;

  /* ---- 반경 · 그림자 ---- */
  --r-sm: 10px; --r-md: 14px; --r-lg: 22px; --r-xl: 28px;
  --shadow-1: 0 1px 2px rgba(29, 36, 51, .05), 0 2px 8px rgba(29, 36, 51, .05);
  --shadow-2: 0 1px 2px rgba(29, 36, 51, .04), 0 14px 36px -12px rgba(29, 36, 51, .14);
  --shadow-pop: 0 24px 50px -18px rgba(29, 36, 51, .32);
  --shadow-brand: 0 12px 24px -10px rgba(7, 135, 92, .55);
  --focus-ring: 0 0 0 4px rgba(14, 162, 113, .16);

  /* ---- 글꼴 · 치수 ---- */
  --font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
          "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --hdr-h: 60px;
  --nav-h: 48px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}

/* 모바일은 서브내비 없이 햄버거 메뉴를 쓴다 (components/header.css) */
@media (max-width: 767px) {
  :root { --nav-h: 0px; }
}