/* ============================================================
   수석의방 디자인 토큰 (정본 사본)
   출처: integrated/public/assets/css/variables.css  (읽기 전용 원본)
   ── 이 파일은 원본과 "동일"하게 유지한다. 앱 전용 토큰은 base.css에서 추가.
   ============================================================ */
:root {
  /* ── 1. 브랜드 테마 (블루) ── */
  --brand: #0052CC;
  --brand-l: #6699F0;
  --brand-d: #0041A3;
  --brand-tint: #f4f4f4;

  /* 레거시 별칭 호환성 유지 */
  --gold: var(--brand);
  --gold-l: var(--brand-l);
  --gold-d: var(--brand-d);
  --blue: var(--brand);
  --blue-l: var(--brand-l);
  --blue-d: var(--brand-d);
  --blue-tint: var(--brand-tint);

  /* ── 2. 다크 섹션/CTA용 테마 ── */
  --navy: #274164;
  --navy-mid: #33517a;
  --navy-deep: #1c3049;

  /* ── 3. 중성 배경 및 테두리 (웜크림색 배제) ── */
  --bg-page: #fafafa;
  --border-neutral: #e8e8e8;
  --bg-surface-white: #ffffff;
  --white: #ffffff;

  /* 레거시 크림명 하위호환용 별칭 */
  --cream: var(--bg-page);
  --cream2: var(--border-neutral);
  --cream-b: var(--bg-surface-white);

  /* ── 4. 중성 텍스트 ── */
  --ink: #141414;
  --mute: #3a3a3a;
  --soft: #6b6b6b;

  /* ── 5. 다크 배경 위 텍스트 ── */
  --on-dark: rgba(255, 255, 255, .96);
  --on-dark-s: rgba(255, 255, 255, .78);
  --on-dark-m: rgba(255, 255, 255, .62);

  /* ── 6. 기타 레이아웃 규격 ── */
  --border: rgba(0, 0, 0, .07);
  --serif: 'Pretendard Variable', Pretendard, sans-serif;
  --max-w: 1160px;
  --r: 8px;

  /* ── 7. 상태 및 지표 (세만틱) ── */
  --green: #2e7d52;
  --amber: #b88600;
  --red: #b83030;
}