/* =====================================================================
   tokens.css — CEYKO 정수처리시설 웹사이트 디자인 토큰
   ---------------------------------------------------------------------
   제작 지침 3장의 모든 :root 변수를 그대로 시스템으로 정의한다.
   ⚠ 이 값들은 사이트의 "기준값"이다. 초이님 요청이 없는 한 임의 변경 금지.
   ===================================================================== */

:root {
  /* ---- Core (핵심 색) ---------------------------------------------- */
  --c-deep-water: #0B3D52;        /* 깊은 청록 네이비: 헤딩·푸터·다크 섹션 배경 */
  --c-clear-blue: #0E7C9B;        /* 맑은 물 블루: 주요 버튼/링크/CTA */
  --c-clear-blue-hover: #0A6378;  /* 위 버튼 hover */
  --c-living-green: #17A06B;      /* 생명·청결 그린: 보조 액센트·eyebrow·강조 */

  /* ---- Surfaces (배경/면) ------------------------------------------ */
  --c-mist: #EAF4F6;              /* 옅은 물안개: 섹션 교차 배경·카드 호버 배경 */
  --c-cloud: #FBFDFD;            /* 메인 배경(거의 흰색, 차가운 톤) */
  --c-line: #DCE8EA;             /* 경계선/구분선 */

  /* ---- Text (글자) ------------------------------------------------- */
  --c-ink: #14303B;              /* 본문 텍스트(순검정 대신 청록빛 다크) */
  --c-muted: #5B7480;            /* 보조 텍스트·캡션 */
  --c-on-dark: #EAF4F6;          /* 다크 배경 위 텍스트 */

  /* ---- 보조 톤 (위 코어에서 파생, 그림자/오버레이용) ----------------- */
  --c-shadow: 11, 61, 82;        /* rgb() 합성용 (deep-water 기반 그림자) */

  /* ---- 타입 스케일 (반응형 clamp) ---------------------------------- */
  --fs-display: clamp(2.75rem, 6vw, 4.5rem);   /* 헤로 메인 */
  --fs-h1: clamp(2.25rem, 4.5vw, 3.5rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.5rem);
  --fs-h3: 1.5rem;
  --fs-lead: 1.1875rem;          /* 19px, 섹션 리드 문단 */
  --fs-body: 1.0625rem;          /* 17px, 본문 */
  --fs-small: 0.875rem;          /* 14px, 캡션/라벨 */

  /* ---- 폰트 패밀리 (2026-06-28 초이님 결정: Lexend/Source Sans 3 채택) ----
     · 헤딩 Lexend — 가독성·다국어 친화(스리랑카 현지 영어/싱할라 가독성 이점)
     · 본문 Source Sans 3
     · 색 팔레트(청록 블루 + 그린)는 기존 그대로 유지 = 하이브리드 결정 */
  --ff-display: "Lexend", system-ui, -apple-system, sans-serif;        /* 헤딩 */
  --ff-body: "Source Sans 3", system-ui, -apple-system, sans-serif;    /* 본문 */
  --ff-sinhala: "Noto Sans Sinhala", "Source Sans 3", system-ui, sans-serif;

  /* ---- 간격 (8px 베이스 그리드) ------------------------------------ */
  --sp-1: .5rem;  --sp-2: 1rem;  --sp-3: 1.5rem;  --sp-4: 2rem;
  --sp-5: 3rem;   --sp-6: 4rem;  --sp-7: 6rem;    --sp-8: 8rem;

  /* ---- 레이아웃 ---------------------------------------------------- */
  --container: 1200px;
  --radius: 14px;                /* 카드/이미지 */
  --radius-btn: 10px;            /* 버튼 */

  /* ---- 그림자 ------------------------------------------------------ */
  --shadow-sm: 0 1px 3px rgba(var(--c-shadow), .06);
  --shadow-md: 0 8px 24px rgba(var(--c-shadow), .10);
  --shadow-lg: 0 18px 48px rgba(var(--c-shadow), .14);

  /* ---- 트랜지션 ---------------------------------------------------- */
  --t-fast: .2s ease;
  --t-base: .25s ease;

  /* ---- 고정 헤더 높이(앵커 스크롤 오프셋용) ------------------------ */
  --header-h: 72px;
}