/* ============================================================
   DINING NAMI — 디자인 토큰 (THEME)
   ------------------------------------------------------------
   ★ 전체 색/폰트/간격을 여기서 한 번에 바꿉니다.
     아래 변수 값만 수정하면 모든 화면에 즉시 반영됩니다.
   ★ 개별 카테고리/페이지만 따로 꾸미려면 custom.css 를 사용하세요.
   ============================================================ */

:root {
  /* ---- 색상 (Color) ---- */
  --paper:        #FBFAF7;   /* 배경(종이) */
  --paper-2:      #F3F0EA;   /* 보조 배경 */
  --ink:          #1C1C1A;   /* 본문 글자 */
  --ink-soft:     #6E6A62;   /* 설명/보조 글자 */
  --indigo:       #203A56;   /* 메인 강조 (藍) */
  --indigo-deep:  #16293D;   /* 진한 강조 */
  --gold:         #B68A2E;   /* 포인트(가격 강조 등) */
  --hairline:     #E3DDD2;   /* 얇은 구분선 */
  --shadow:       rgba(22,41,61,.14);

  /* ---- 글꼴 (Typography) ----
     언어별 원칙:
       영문 — 제목/서브타이틀: Cinzel,  디스크립션: Poppins
       일본어 — 전부 Noto Serif JP (굵기만 다르게)
       한국어 — 전부 Pretendard (굵기만 다르게)                      */
  --font-en-title: "Cinzel", serif;                 /* 영문 제목·서브타이틀 */
  --font-en-desc:  "Poppins", system-ui, sans-serif;/* 영문 디스크립션 */
  --font-ja:       "Noto Serif JP", serif;          /* 일본어 전부 */
  --font-ko:       "Pretendard", system-ui, sans-serif; /* 한국어 전부 */

  /* 역할별 기본값(언어 무관 폴백) — 페이지에서 언어에 맞게 지정 */
  --font-body:     var(--font-ja);
  --font-num:      "Cinzel", serif;                 /* 가격 숫자 */

  /* ---- 공통 자간/행간 ---- */
  --ls-sub:  -0.03em;  --lh-sub:  1.36em;           /* 서브타이틀 */
  --ls-desc: -0.03em;  --lh-desc: 1.76em;           /* 디스크립션 */

  /* ---- 크기/간격 (Scale) ---- */
  --maxw:        1180px;   /* 콘텐츠 최대 폭 */
  --radius:      14px;     /* 모서리 둥글기 */
  --gap:         clamp(16px, 2.2vw, 28px);
  --pad-page:    clamp(20px, 4vw, 56px);

  /* ---- 카드(오더형) ---- */
  --card-bg:     #FFFFFF;
  --card-radius: 16px;
  --img-ratio:   4 / 3;    /* 음식 사진 비율 */
}

/* 다크 무드가 필요하면 <html data-theme="dark"> 로 전환하고 아래 값을 쓰세요. */
:root[data-theme="dark"] {
  --paper:    #14181C;
  --paper-2:  #1B2026;
  --ink:      #F2EFE9;
  --ink-soft: #A7A299;
  --hairline: #2A3038;
  --card-bg:  #1B2026;
  --shadow:   rgba(0,0,0,.5);
}