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

   로또해봄·오늘해봄과 같은 ink/line/surface 스케일, 반경, 그림자를 공유하고
   급식몇등 전용 색만 추가했다.
     · 브랜드   밥·국을 떠올리는 따뜻한 오렌지        --brand
     · 점수     순위·점수 숫자는 진한 네이비          --navy
     · 순위변동 상승 레드 ▲ / 하락 블루 ▼ (국내 차트 관례, 항상 기호와 함께)
     · 메달     1~3위 전용 금·은·동
     · 학생 수  파란 계열 — 급식 점수와 섞이지 않게  (기획서 6-D)
     · 항목 색  점수 6개 항목의 정체성 색 — 아이콘 타일·점수 기준 페이지 전용
   ========================================================== */

:root {
  /* ---- 브랜드 ---- */
  --brand: #FF6B2C;
  --brand-2: #FF8A3D;
  --brand-deep: #C2410C;
  --brand-soft: #FFF1E8;
  --brand-line: #FFD3BA;
  --cream: #FFF9F3;

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

  /* ---- 순위 변동 ---- */
  --up: #E5383B;     --up-soft: #FFEEEE;
  --down: #2F6BEA;   --down-soft: #EDF3FF;
  --same: #8A93A6;   --same-soft: #F1F3F7;

  /* ---- 메달 ---- */
  --gold: #F5A800;   --gold-deep: #9A6400;   --gold-soft: #FFF6DC;   --gold-line: #FBE3A1;
  --silver: #8E9AB0; --silver-deep: #56627A; --silver-soft: #F1F4F9; --silver-line: #DCE2EC;
  --bronze: #D97A45; --bronze-deep: #9C4A1D; --bronze-soft: #FDF0E7; --bronze-line: #F5D2BD;

  /* ---- 학생 수 ---- */
  --blue: #2F7BFF;   --blue-deep: #1B5FD6;   --blue-soft: #EDF4FF;   --blue-line: #CFE0FF;

  /* ---- 점수 6개 항목 ---- */
  --p-nutrition: #16A36D;   --p-nutrition-soft: #E7F7F0;
  --p-composition: #FF7A2F; --p-composition-soft: #FFF1E6;
  --p-variety: #7B61FF;     --p-variety-soft: #F1EEFF;
  --p-expectation: #EC4F87; --p-expectation-soft: #FFEEF4;
  --p-special: #E59A00;     --p-special-soft: #FFF6DE;
  --p-efficiency: #2F7BFF;  --p-efficiency-soft: #EDF4FF;

  /* ---- 상태 ---- */
  --ok: #16A36D;   --ok-deep: #0B7A50;   --ok-soft: #E7F7F0;   --ok-line: #BEEBD8;
  --warn: #F08C00; --warn-deep: #A85A04; --warn-soft: #FFF3DF; --warn-line: #FBDCA8;

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

  /* ---- 보조 톤 (호버 · 그라데이션 끝색 · 배경 광원) ---- */
  --line-hover: #D5DAE3;          /* 테두리 호버 */
  --surface-3: #EEF1F6;           /* 회색 면 호버 · 스켈레톤 */
  --brand-light: #FF9642;         /* 주 버튼 그라데이션 시작 */
  --brand-dark: #EE4F1C;          /* 주 버튼 그라데이션 끝 */
  --brand-soft-2: #FFE6D6;        /* 브랜드 연한 면 호버 */
  --peach: #FFB27A;               /* 네이비 위 강조 글자 */
  --navy-hover: #1E2B52;
  --gold-light: #FFD54A;  --silver-light: #CBD3E1;  --bronze-light: #F2A77A;
  --blue-light: #6FA3FF;
  --spc: #C22F66;  --spc-soft: #FFEFF4;   /* 특식 태그 */
  --bar-neutral: #8C9ABA;         /* 지역 비교 막대 (평가색 아님) */
  --bar-mute: #C9CFDA;            /* 전국 평균 등 흐린 막대 */
  --glow-brand: #FFE3CC;          /* 히어로 배경 광원 */
  --glow-gold: #FFF3D6;
  --glow-blue: #DCEAFF;
  --cream-2: #FFFDFB;
  --blue-cream: #F3F8FF;

  /* ---- 반경 · 그림자 ---- */
  --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(232, 86, 26, .6);
  --focus-ring: 0 0 0 4px rgba(255, 107, 44, .14);

  /* ---- 글꼴 · 치수 ---- */
  --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; }
}