/* ============================================================
   맛집 돌림판 — 공유 디자인 토큰 (Sunset Appetite)
   모든 페이지가 이 파일을 참조합니다. 색은 여기서 한 곳으로 관리.
   각 템플릿은 var(--토큰, 폴백) 형태로 소비하므로, 이 파일이
   없어도(=폴백) 깨지지 않고, 있으면 이 값이 전역으로 적용됩니다.
   ============================================================ */
:root{
  /* 포인트 컬러: 코랄 → 탠저린 톤온톤 */
  --accent:        #ff5e3a;   /* 기존 #ff6b35 → 살짝 더 선명한 코랄 */
  --accent-2:      #ffab29;   /* 탠저린 */
  --accent-strong: #e8481f;   /* 눌림/hover 등 진한 코랄 */
  --accent-grad:   linear-gradient(135deg,#ff5e3a 0%,#ff8a2b 55%,#ffab29 100%);

  /* 잉크 / 서페이스 */
  --ink:        #2b241d;      /* 본문 텍스트 (따뜻한 다크) */
  --ink-soft:   #8a7d6f;      /* 보조 텍스트 */
  --surface:    #ffffff;      /* 카드 */
  --surface-2:  #f6efe8;      /* 은은한 warm 표면 (칩/구분선 배경) */
  --line:       #efe2d6;      /* 테두리 */

  /* 배경: warm gradient */
  --bg-grad: linear-gradient(180deg,#fff4ec 0%,#ffe9da 100%);

  /* 셰이프 / 그림자 */
  --radius:      16px;
  --radius-lg:   22px;
  --shadow-card: 0 16px 40px -18px rgba(120,58,20,.28), 0 4px 12px -6px rgba(120,58,20,.14);
  --shadow-soft: 0 6px 16px -8px rgba(120,58,20,.35);
}

/* 텍스트 선택색도 브랜드 톤으로 (안전한 전역 디테일) */
::selection{ background: rgba(255,94,58,.22); }

/* 그라데이션 CTA 유틸리티(원하는 버튼에 클래스로 옵트인 가능) */
.rt-btn-grad{
  background: var(--accent-grad) !important;
  color:#fff !important;
  border:none !important;
  box-shadow: 0 14px 30px -10px rgba(255,110,50,.7), inset 0 1px 0 rgba(255,255,255,.35) !important;
}