: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;
}