/* ============================================================
   ARON 컨트롤타워 — 디자인 토큰
   근거: Apple HIG (iOS 26/27 타입 스케일·여백·반경)
        + Mobbin 실제 출시 화면 분석 (Apple News / App Store / NYTimes)
   원칙: 화이트 & 블랙 무채색만. 강조는 굵기·크기·반전으로.
        이모지 사용 금지.
   ============================================================ */

:root {
  /* ---------- 타이포그래피 ----------
     폰트 파일을 배포하지 않는다. 애플 기기가 자기 OS의
     San Francisco를 직접 렌더링한다. 라이선스 문제 없음, 용량 0. */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text",
               "SF Pro Display", system-ui, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  /* 숫자 정렬용 — 장부·금액은 자릿수가 흔들리면 안 된다 */
  --num: "tnum" 1, "lnum" 1;

  /* iOS 표준 타입 스케일 (크기 / 행간 / 자간) */
  --t-large-title:  34px;  --lh-large-title:  41px;  --ls-large-title: 0.37px;
  --t-title1:       28px;  --lh-title1:       34px;  --ls-title1:      0.36px;
  --t-title2:       22px;  --lh-title2:       28px;  --ls-title2:      0.35px;
  --t-title3:       20px;  --lh-title3:       25px;  --ls-title3:      0.38px;
  --t-headline:     17px;  --lh-headline:     22px;  --ls-headline:   -0.41px;
  --t-body:         17px;  --lh-body:         22px;  --ls-body:       -0.41px;
  --t-callout:      16px;  --lh-callout:      21px;  --ls-callout:    -0.32px;
  --t-subhead:      15px;  --lh-subhead:      20px;  --ls-subhead:    -0.24px;
  --t-footnote:     13px;  --lh-footnote:     18px;  --ls-footnote:   -0.08px;
  --t-caption1:     12px;  --lh-caption1:     16px;  --ls-caption1:    0px;
  --t-caption2:     11px;  --lh-caption2:     13px;  --ls-caption2:    0.06px;

  --w-regular: 400;
  --w-medium:  500;
  --w-semibold:600;
  --w-bold:    700;
  --w-heavy:   800;

  /* ---------- 여백 ---------- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;   /* iOS 기본 좌우 여백 */
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --margin: 16px;  /* 화면 좌우 기본 마진 */

  /* ---------- 모서리 반경 ---------- */
  --r-sm:   6px;
  --r-md:   10px;  /* inset grouped list */
  --r-lg:   14px;
  --r-xl:   18px;  /* App Store 대형 카드 */
  --r-pill: 999px;

  /* ---------- 무채색 팔레트 (라이트) ---------- */
  --label:            #000000;
  --label-secondary:  rgba(60, 60, 67, 0.60);
  --label-tertiary:   rgba(60, 60, 67, 0.30);
  --label-quaternary: rgba(60, 60, 67, 0.18);

  --bg:               #FFFFFF;   /* 기본 배경 */
  --bg-grouped:       #F2F2F7;   /* 목록 화면 배경 */
  --bg-card:          #FFFFFF;   /* 카드/행 배경 */
  --bg-elevated:      #FFFFFF;
  --fill:             rgba(120, 120, 128, 0.12);
  --fill-strong:      rgba(120, 120, 128, 0.20);

  --separator:        rgba(60, 60, 67, 0.29);
  --separator-opaque: #C6C6C8;
  --rule:             #000000;   /* NYTimes식 굵은 구분선 */

  /* 반전 (강조 배지·버튼) */
  --inverse-bg:    #000000;
  --inverse-label: #FFFFFF;

  /* ---------- 재질 ---------- */
  --blur: saturate(180%) blur(20px);
  --material-bar: rgba(255, 255, 255, 0.82);

  /* ---------- 그림자 ---------- */
  --shadow-card: 0 1px 3px rgba(0,0,0,0.06), 0 6px 16px rgba(0,0,0,0.05);
  --shadow-bar:  0 -0.5px 0 var(--separator);

  /* ---------- 레이아웃 ---------- */
  --tabbar-h: 49px;
  --navbar-h: 44px;
  --content-max: 720px;   /* 아이패드에서 너무 늘어지지 않게 */

  /* ---------- 모션 ----------
     애플은 짧고 감속이 강하다. 튀지 않게. */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-fast: 180ms;
  --dur:      280ms;
}

/* ---------- 다크 모드 ---------- */
@media (prefers-color-scheme: dark) {
  :root {
    --label:            #FFFFFF;
    --label-secondary:  rgba(235, 235, 245, 0.60);
    --label-tertiary:   rgba(235, 235, 245, 0.30);
    --label-quaternary: rgba(235, 235, 245, 0.18);

    --bg:               #000000;
    --bg-grouped:       #000000;
    --bg-card:          #1C1C1E;
    --bg-elevated:      #1C1C1E;
    --fill:             rgba(120, 120, 128, 0.24);
    --fill-strong:      rgba(120, 120, 128, 0.36);

    --separator:        rgba(84, 84, 88, 0.65);
    --separator-opaque: #38383A;
    --rule:             #FFFFFF;

    --inverse-bg:    #FFFFFF;
    --inverse-label: #000000;

    --material-bar: rgba(28, 28, 30, 0.82);
    --shadow-card: none;
  }
}

/* 사용자가 앱 안에서 직접 고른 테마가 시스템 설정을 이긴다 */
:root[data-theme="light"] {
  color-scheme: light;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --label:            #FFFFFF;
  --label-secondary:  rgba(235, 235, 245, 0.60);
  --label-tertiary:   rgba(235, 235, 245, 0.30);
  --label-quaternary: rgba(235, 235, 245, 0.18);
  --bg:               #000000;
  --bg-grouped:       #000000;
  --bg-card:          #1C1C1E;
  --bg-elevated:      #1C1C1E;
  --fill:             rgba(120, 120, 128, 0.24);
  --fill-strong:      rgba(120, 120, 128, 0.36);
  --separator:        rgba(84, 84, 88, 0.65);
  --separator-opaque: #38383A;
  --rule:             #FFFFFF;
  --inverse-bg:    #FFFFFF;
  --inverse-label: #000000;
  --material-bar: rgba(28, 28, 30, 0.82);
  --shadow-card: none;
}