/* ============================================================
   theme.css  —  🎨 디자인 "조절 손잡이"
   ------------------------------------------------------------
   이 파일의 값만 바꾸면 홈페이지 전체 색·폰트·모양이 바뀝니다.
   index.html(구조)과 design.md(명세서)는 건드릴 필요 없습니다.

   업체가 바뀌면  →  이 파일 값만 수정하세요.
   각 값 설명은  →  theme.md 참고.
   ============================================================ */

:root{

  /* ── 1. 메인 색상 (녹색 계열) ───────────────────────────
     진할수록 어두운 배경, 연할수록 포인트.            */
  --emerald-950:#062a1e;   /* 가장 진한 녹색 (배경 맨 아래) */
  --emerald-900:#0b3d2e;   /* 헤더·푸터·진한 배경 */
  --emerald-800:#0f5132;   /* 제목 글자색 */
  --emerald-700:#147a4f;   /* 아이콘 그라데이션 */
  --emerald-600:#1b9e63;
  --emerald-500:#22b573;   /* 가장 밝은 포인트 녹색 */

  /* ── 2. 포인트 색상 (금색) ──────────────────────────────
     버튼·강조·별점 등에 쓰이는 골드.                  */
  --gold:#cda44e;          /* 기본 금색 */
  --gold-soft:#e3c884;     /* 밝은 금색 (글자 강조) */
  --gold-deep:#b08930;     /* 진한 금색 (번호·라벨) */

  /* ── 3. 글자·배경 톤 ───────────────────────────────────── */
  --ink:#13261f;           /* 본문 기본 글자색 */
  --muted:#5b6b63;         /* 설명·보조 글자색 */
  --bg:#f7faf8;            /* 페이지 기본 배경 */
  --bg-soft:#eef4f0;       /* 섹션 구분 배경 (살짝 진한 영역) */
  --white:#ffffff;

  /* ── 4. 유리 질감(glass) ───────────────────────────────── */
  --glass:rgba(255,255,255,.62);
  --glass-line:rgba(255,255,255,.55);

  /* ── 5. 그림자 ─────────────────────────────────────────── */
  --shadow:0 18px 50px -22px rgba(6,42,30,.45);
  --shadow-sm:0 10px 30px -18px rgba(6,42,30,.5);

  /* ── 6. 모서리 둥글기 ──────────────────────────────────── */
  --radius:20px;           /* 카드 모서리. 작게=각짐, 크게=둥글 */

  /* ── 7. 레이아웃 폭 ────────────────────────────────────── */
  --maxw:1180px;           /* 콘텐츠 최대 가로폭 */

  /* ── 8. 글꼴 ───────────────────────────────────────────────
     제목용 / 본문용. 폰트 자체는 index.html <head>에서 로드.   */
  --head:"Hanken Grotesk","Pretendard",sans-serif;  /* 제목·숫자·영문 */
  --body:"Pretendard","Hanken Grotesk",sans-serif;  /* 본문 */
}