/* ==========================================================================
   제우스F&B — 디자인 토큰
   컬러 근거: 상표등록 제40-1622015호 「오븐에구운닭강정」 마크
              (검정 오븐 아치 + 브릭 레드 볏) 에서 추출.
   3상태 대응: :root(라이트) / prefers-color-scheme(시스템) / [data-theme](명시)
   ========================================================================== */

:root {
  /* --- 표면 --- */
  --ground:      #F8F8F6;
  --surface:     #FFFFFF;
  --sunk:        #EFEFEB;
  --inverse:     #1A1B18;
  --on-inverse:  #F2F2EE;

  /* --- 텍스트 --- */
  --ink:         #1A1B18;
  --body:        #3A3C38;
  --muted:       #676A62;

  /* --- 선 --- */
  --rule:        #DEDFD9;
  --rule-soft:   #EAEBE5;
  --rule-strong: #C6C8C0;

  /* --- 강조 (상표 레드) --- */
  --brick:       #A32A1F;
  --brick-hover: #862017;
  --brick-soft:  #F7EBE8;
  --on-brick:    #FFFFFF;

  /* --- 포커스 --- */
  --focus:       #A32A1F;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground:      #131412;
    --surface:     #1B1D1A;
    --sunk:        #212320;
    --inverse:     #E9EAE5;
    --on-inverse:  #161714;

    --ink:         #E9EAE5;
    --body:        #C3C5BE;
    --muted:       #8E9189;

    --rule:        #2E312C;
    --rule-soft:   #242622;
    --rule-strong: #3E423C;

    --brick:       #E9836F;
    --brick-hover: #F5A08E;
    --brick-soft:  #2A1713;
    --on-brick:    #1A0D0A;

    --focus:       #E9836F;

    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --ground:      #131412;
  --surface:     #1B1D1A;
  --sunk:        #212320;
  --inverse:     #E9EAE5;
  --on-inverse:  #161714;

  --ink:         #E9EAE5;
  --body:        #C3C5BE;
  --muted:       #8E9189;

  --rule:        #2E312C;
  --rule-soft:   #242622;
  --rule-strong: #3E423C;

  --brick:       #E9836F;
  --brick-hover: #F5A08E;
  --brick-soft:  #2A1713;
  --on-brick:    #1A0D0A;

  --focus:       #E9836F;

  color-scheme: dark;
}

:root {
  /* --- 타이포 --- */
  --sans: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic",
          system-ui, sans-serif;
  /* Noto Sans Mono 에는 한글 글리프가 없어 Noto Sans KR 을 폴백으로 둔다 */
  --mono: "Noto Sans Mono", "Noto Sans KR", ui-monospace, "SFMono-Regular", Consolas, monospace;

  --fs-display: clamp(32px, 5.6vw, 56px);
  --fs-h1:      clamp(27px, 4vw, 40px);
  --fs-h2:      clamp(21px, 2.8vw, 29px);
  --fs-h3:      18px;
  --fs-body:    16px;
  --fs-sm:      14.5px;
  --fs-xs:      13px;
  --fs-label:   11px;

  /* --- 간격 (여유 있는 스케일) --- */
  --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;
  --section-y: clamp(56px, 8vw, 104px);

  /* --- 레이아웃 --- */
  --page:   1120px;
  --gutter: clamp(20px, 5vw, 48px);
  --prose:  62ch;

  --radius: 3px;
}