/* ====================================================
   맵맵맵 신버전 — 디자인 토큰
   원본: design-preview/variants/linear-blaze-v2.html :root
   분리일: 2026-05-18 (Phase 2)
   ==================================================== */

:root {
  /* ─── 표면 색상 (배경 계층) ─── */
  --bg: #fafaf7;            /* 페이지 배경 */
  --panel: #ffffff;         /* 패널/카드 배경 */
  --surface: #f5f2ee;       /* 보조 표면 */
  --surface-2: #ebe6df;     /* 더 강조된 표면 */

  /* ─── 텍스트 색상 (강도 4단계) ─── */
  --text: #1a1a1a;          /* 본문 (최대 강조) */
  --text-2: #3f3f3f;        /* 본문 보조 */
  --text-3: #6e6e6e;        /* 메타 정보 */
  --text-4: #9a9a9a;        /* 비활성/placeholder */

  /* ─── 경계선 ─── */
  --border: rgba(0,0,0,0.08);
  --border-2: rgba(0,0,0,0.12);

  /* ─── 브랜드 (매운맛 컬러) ─── */
  --spice: #c5171e;         /* 메인 빨강 */
  --spice-2: #ff6b35;       /* 보조 주황 */
  --gradient: linear-gradient(135deg, #c5171e 0%, #ff6b35 100%);
  --gradient-bright: linear-gradient(135deg, #ff6b35 0%, #fbbf24 100%);
  --spice-soft: rgba(255,107,53,0.08);
  --spice-glow: 0 0 24px rgba(255,107,53,0.35);
  --spice-glow-strong: 0 0 32px rgba(197,23,30,0.4);

  /* ─── 상태 색상 ─── */
  --success: #2e7d32;
  --warning: #d97706;

  /* ─── 반지름 ─── */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;

  /* ─── 레이아웃 변수 ─── */
  --nav-w: 0px;             /* 좌측 네비 폭 (현재 미사용) */
  --nav-h-mobile: 0px;      /* 모바일 네비 높이 */
  --top-h: 56px;            /* 상단 영역 높이 */
  --sidebar-w: 0px;         /* 사이드바 폭 (현재 미사용) */

  /* ─── 모바일 bottom-sheet ─── */
  --sheet-peek: 88px;       /* 슬쩍 보이는 높이 */
  --sheet-half: 50vh;       /* 반쯤 열린 높이 */
  --sheet-full: 90vh;       /* 완전히 열린 높이 */

  /* ─── 그림자 ─── */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
}