/* 썸트리 디자인 토큰 — 기준 문서: docs/design-system.md
   리뉴얼할 때는 이 파일만 바꾼다. app.css는 아래 이름만 쓰고 색·크기 값을 직접 쓰지 않는다. */
:root {
  /* 사용자 지정 팔레트(2026-11-04): 딥 #045446·#05411C·#143123 + 라이트 #7BCC3C·#AAF5A2·#87F374 */
  --brand: #045446;            /* 주색: 딥 틸그린 (버튼·강조·활성 메뉴) — 사용자 지정 팔레트 */
  --brand-600: #05411c;        /* 호버·로고 표시: 포레스트 그린 */
  --leaf: #4aa23c;             /* 그래프·막대 (라임그린 #7BCC3C 계열, 흰 바탕 대비 확보) */
  --leaf-300: #aaf5a2;         /* 연한 그래프·막대 (민트그린) */
  --brand-50: #eefbea;         /* 선택·강조 바탕 */
  --brand-100: #d6f6cf;
  --lime: #7bcc3c;             /* 포인트: 라임 */
  --neon: #87f374;             /* 포인트: 네온 그린 (짙은 바탕 위 점·숫자에만) */
  --sage: #f2f5ea;             /* 하위 페이지 머리 바탕 */

  /* 바탕·글자 */
  --paper: #fdfdf6;
  --surface: #ffffff;
  --surface-2: #f7f9f1;
  --ink: #143123;              /* 본문: 다크 그린블랙 */
  --ink-2: #3f5246;
  --ink-3: #5b6a60;            /* 흰 바탕 5.7:1 · 머리 바탕 5.2:1 */
  --line: #e2e8dc;
  --line-2: #eef2e8;
  --line-strong: #87928a;   /* 입력칸 테두리: 흰 바탕 3.2:1 (벤치마킹: 칸 경계가 보여야 함) */
  --ok: #2c7d45; --ok-50: #eef8ea; --ok-line: #a9d79b;   /* 참가 가능·성공 */
  --star: #e0a100; --star-50: #fff8e1;   /* 관심 공고 별 */
  --info: #2a4f8f; --info-ink: #1f3d73; --info-2: #4a5f86; --info-50: #f3f6fc; --info-100: #eef3fb; --info-line: #d9e2f3;   /* 예상 경쟁(참고 정보) */
  --chk-line: #87928a;   /* 체크 상자 빈 테두리 */

  /* 의미 색 */
  --up: #b0441c;               /* 증가·마감 임박 (테라코타) */
  --up-50: #fbeee8;
  --down-50: #edf2fb;
  --down: #2a5bb8;
  --gold: #96620a;             /* 인증 농원 (Amber Haze 계열) */
  --gold-50: #fdf5e4;
  --kakao: #f5d400;
  --band: #04c75a;
  --footer-bg: #143123;
  --footer-ink: #a7b0a9;
  --on-dark: #ffffff;
  --on-dark-2: rgba(255, 255, 255, .8);

  /* 지도·막대 (민트 → 라임 → 딥 틸그린) */
  --seq-1: #eefbea; --seq-2: #c9f0bd; --seq-3: #94dc7f; --seq-4: #5fb24a; --seq-5: #2c7d45; --seq-6: #045446;

  /* 범주 색 4개 + 기타 — dataviz 검증기 통과 순서(그린→앰버→파랑→분홍). 순서를 바꾸지 말 것 */
  --cat-1: #4aa23c; --cat-2: #eda100; --cat-3: #3b6fd8; --cat-4: #e87ba4; --cat-other: #bcc5bb;

  /* 글자 — 이 7단계 밖의 크기는 쓰지 않는다 */
  --font: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --fs-xs: 14px;
  --fs-s: 16px;
  --fs-l: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;
  --fs-display: 56px;
  --fw-r: 400; --fw-m: 500; --fw-b: 600; --fw-num: 700;
  --ls-tight: -0.02em;   /* 28~36px 제목 */
  --ls-snug: -0.01em;    /* 18~22px 제목 */
  --ls-display: -0.03em; /* 56px */
  --ls-body: 0;

  /* 간격(8 배수)·모양 — 폭은 화면에 따라 부드럽게 변한다 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --container: 1200px;   /* 실측 1040~1210 (2026-11-05) */
  --gutter: clamp(20px, 3vw, 32px);
  --section: 64px;       /* 목록·분석 화면 구역 사이 (모바일 48) */
  --r-bar: 3px;
  --r-xs: 4px;    /* 배지·태그 */
  --r-s: 8px;     /* 버튼·입력·칩 */
  --r: 12px;      /* 카드·패널 */
  --r-l: 16px;    /* 모달·겹침 카드 */
  --r-full: 999px; /* 알약형 */
  --tap: 48px;
  --shadow: 0 1px 2px rgba(17, 26, 20, .04), 0 6px 20px rgba(17, 26, 20, .06);   /* 떠 있는 층(드롭다운·토스트·고정 막대)에만 */
  --shadow-l: 0 2px 6px rgba(17, 26, 20, .06), 0 24px 48px rgba(17, 26, 20, .12);
  --focus: 0 0 0 2px var(--surface), 0 0 0 4px var(--brand);
}