/* apple.css — 코리아스픽스 운영앱 공용 Apple 라이트 디자인
   출처: knowledge/design/apple.md (대표님 2026-07-01 조직 디자인 표준=apple)
   전 운영앱(agora·kdlb·floorplan 등)에 <link>로 얹어 폰트·Action Blue 액센트·
   pill 버튼·프레스를 일관 적용. 앱별 레이아웃/배경은 유지(비파괴적 얹기).
   강한 스타일은 opt-in 클래스(.apple-*)로. */

:root{
  /* colors */
  --apple-primary:#0066cc; --apple-primary-focus:#0071e3; --apple-primary-on-dark:#2997ff;
  --apple-ink:#1d1d1f; --apple-muted:#6e6e73; --apple-muted-2:#86868b;
  --apple-canvas:#ffffff; --apple-parchment:#f5f5f7; --apple-pearl:#fafafc;
  --apple-hairline:#e0e0e2; --apple-divider:#f0f0f0;
  --apple-on-primary:#ffffff;
  /* radius */
  --apple-r-sm:8px; --apple-r-md:11px; --apple-r-lg:18px; --apple-r-pill:9999px;
  /* spacing */
  --apple-s-xs:8px; --apple-s-sm:12px; --apple-s-md:17px; --apple-s-lg:24px; --apple-s-xl:32px;
  /* font */
  --apple-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Pretendard","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;
}

/* ── 비파괴적 전역: 폰트·자간·링크·프레스만(레이아웃/배경 유지) ── */
body{ font-family:var(--apple-font); letter-spacing:-.01em; -webkit-font-smoothing:antialiased; }
h1,h2,h3,.title,.hero{ letter-spacing:-.02em; }
a{ color:var(--apple-primary); }
button, .btn, input, select, textarea{ font-family:var(--apple-font); }
button:active, .btn:active{ transform:scale(.97); }   /* Apple 시그니처 프레스 */
:focus-visible{ outline:2px solid var(--apple-primary-focus); outline-offset:2px; }

/* ── opt-in 컴포넌트(원하는 곳에 클래스로) ── */
.apple-btn{ background:var(--apple-primary); color:var(--apple-on-primary); border:0;
  border-radius:var(--apple-r-pill); padding:11px 22px; font-size:15px; font-weight:400; cursor:pointer; }
.apple-btn-ghost{ background:transparent; color:var(--apple-primary); border:1px solid var(--apple-primary);
  border-radius:var(--apple-r-pill); padding:10px 21px; font-size:15px; cursor:pointer; }
.apple-btn-dark{ background:var(--apple-ink); color:#fff; border:0; border-radius:var(--apple-r-sm);
  padding:8px 15px; font-size:14px; cursor:pointer; }
.apple-card{ background:var(--apple-canvas); border:1px solid var(--apple-hairline);
  border-radius:var(--apple-r-lg); padding:var(--apple-s-lg); }
.apple-pill{ border-radius:var(--apple-r-pill); }
.apple-input{ background:var(--apple-canvas); border:1px solid var(--apple-hairline);
  border-radius:var(--apple-r-pill); padding:12px 20px; font-size:16px; color:var(--apple-ink); }
.apple-ink{ color:var(--apple-ink); } .apple-muted{ color:var(--apple-muted); }
.apple-accent{ color:var(--apple-primary); }