/* ============================================
   체험학습 포털 — Pressed Paper + Nature
   활판인쇄소의 정밀함 + 자연의 따뜻함
   영유랭킹 원본 기반, 최소 조정
   ============================================ */

:root {
  /* — Base Palette (영유랭킹 원본 유지) — */
  --bg:              #FAF8F4;   /* paper.warm */
  --card:            #FFFFFF;   /* paper.card */
  --fg:              #2A2A28;   /* ink.graphite */
  --muted:           #7A756D;   /* ink.warm-gray */

  /* — Primary (CTA — 영유랭킹 원본 유지) — */
  --primary:         #C2654A;   /* brand.burnt-sienna — CTA에 눈에 띄어야 함 */
  --primary-hover:   #A8523B;
  --primary-light:   #F5E8E2;   /* brand.sienna-wash */

  /* — Accent (자연 톤 — 태그·배지·보조색) — */
  --accent:          #5B6B4A;   /* accent.olive-ink */
  --accent-hover:    #4A5A3B;
  --accent-light:    #EDF2E8;   /* accent.olive-wash */

  /* — Nature (체험학습 전용 추가) — */
  --nature:          #5B6B4A;   /* category tags, season badges */
  --nature-light:    #EDF2E8;   /* filter backgrounds, 추천 섹션 */
  --nature-warm:     #8B9A6B;   /* hover states */

  /* — Utility — */
  --danger:          #B8453A;
  --border:          rgba(42, 42, 40, 0.10);  /* 영유랭킹 원본 — 가벼운 투명 보더 */
  --border-dashed:   rgba(42, 42, 40, 0.06);

  /* — Photo — */
  --photo-overlay:   rgba(42, 42, 40, 0.40);

  /* — Shadows (영유랭킹 원본 + 살짝 강화) — */
  --shadow-sm:       none;
  --shadow-hover:    0 4px 12px rgba(40, 40, 36, 0.08);  /* 원본보다 살짝만 강화 */
  --shadow-lg:       0 4px 16px rgba(40, 40, 36, 0.10);

  /* — Typography (영유랭킹 원본 유지) — */
  --font-heading:    "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  --font-body:       "Pretendard Variable", "Apple SD Gothic Neo", sans-serif;
  --font-data:       "Pretendard Variable", "SF Mono", monospace;

  /* — Spacing (6px base — 영유랭킹 원본) — */
  --space-1:  6px;
  --space-2:  12px;
  --space-3:  18px;
  --space-4:  24px;
  --space-6:  36px;
  --space-8:  48px;
  --space-12: 72px;
  --space-16: 96px;

  /* — Radius (영유랭킹 원본 유지 — Pressed Paper 정체성) — */
  --radius:        3px;
  --radius-btn:    2px;
  --radius-badge:  2px;

  /* — Card Grid (체험학습 전용 추가) — */
  --grid-gap:        var(--space-4);
  --grid-gap-sm:     var(--space-3);
  --card-min-width:  280px;
  --card-max-width:  360px;
  --card-photo-ratio: 16/10;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 26px;      /* 영유랭킹 원본 — px 고정 */
  letter-spacing: -0.01em;
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }