:root {
  /* === Brand Colors (레퍼런스 기반) === */
  --red:    #c1272d;
  --red-dk: #a31f24;
  --olive:  #9fb26c;
  --teal:   #4a7c76;
  --orange: #f29a38;

  /* === Neutral === */
  --cream:  #fdfcf8;
  --sand:   #eaeaea;
  --sand-lt:#f2f2f2;
  --bg-alt: #faf9f7;
  --white:  #ffffff;

  /* === Text === */
  --ink:    #222222;
  --sub:    #444444;
  --muted:  #6b7280;
  --faint:  #999999;

  /* === Typography === */
  --font-main: 'Noto Sans KR', sans-serif;

  --text-xs:   0.8rem;
  --text-sm:   0.9rem;
  --text-base: 1rem;
  --text-lg:   1.1rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  clamp(1.8rem, 3vw, 2.4rem);
  --text-4xl:  clamp(2rem, 4vw, 2.8rem);
  --text-hero: clamp(2.4rem, 5.5vw, 4rem);

  /* === Layout === */
  --max-w:        1200px;
  --nav-h:        72px;
  --section-py:   100px;
  --container-px: 24px;

  /* === Misc === */
  --border: 1px solid var(--sand);
  --shadow-sm: 0 4px 20px rgba(0,0,0,0.04);
  --shadow-md: 0 8px 30px rgba(0,0,0,0.06);
  --trans: all 0.2s ease;
}