/* TRACE ARKA — Design Tokens (SSOT) */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400&family=Noto+Sans+KR:wght@400;500;700&family=UnifrakturCook:wght@700&display=swap');

:root {
  /* Brand / accent */
  --arka-accent: #8E3C5C;
  --arka-accent-deep: #5E2E4E;
  --arka-accent-soft: #c98aa0;
  --arka-accent-bg: #F3E6EC;

  /* Ink / text scale */
  --ink: #2E2E2E;
  --text-2: #3a404a;
  --text-3: #5b626d;
  --text-4: #6e7891;
  --text-5: #98a0ac;

  /* Lines / surfaces */
  --line: #eceef2;
  --line-2: #e3e6ed;
  --bg-page: #ffffff;   /* 페이지 배경: 순백. 홈 피드만 feed.html 에서 #f3f4f4 로 override(그 외 화면은 흰색) */
  --bg-card: #ffffff;
  --bg-soft: #f6f7f9;

  /* Semantic */
  --ok: #1f8f52;
  --ok-bg: #eaf6ee;
  --warn: #b26a00;
  --warn-bg: #fff4e5;
  --danger: #c0392b;
  --danger-bg: #fdecec;

  /* Sidebar */
  --sidebar-bg: #2E2E2E;
  --sidebar-text: #c6cbd4;
  --sidebar-label: #8b93a0;

  /* Radius */
  --radius-sm: 5px;
  --radius-md: 6px;    /* 관리자 콘솔과 동일 (was 8px) */
  --radius-lg: 8px;    /* 관리자 콘솔과 동일 (was 12px) */
  --radius-pill: 20px;

  /* Shadow / focus */
  --shadow-card: none;   /* 그림자 전역 제거(2026-07-30) — 카드/요소는 보더·배경 대비로 구분 */
  --shadow-hover: none;
  --focus-ring: 0 0 0 3px rgba(142,60,92,.15);

  /* Fonts */
  --font-body: "Nunito Sans","Noto Sans KR",sans-serif;
  --font-display: "UnifrakturCook",serif;

  /* Layout metrics */
  --gnb-h: 46px;
  --rail-w: 254px;        /* 좌레일 (224→254 확대: 관리자 LNB 수준) */
  --rightrail-w: 288px;   /* 우레일 (208→288 확대: 수배·추천 위젯 영역) */
  --content-max: 1600px;
  --bottomtab-h: 60px;

  /* Typography weight scale — 3단 (제목 700 · 강조 600 · 본문 400). 워드마크만 display 예외 */
  --fw-title: 700;
  --fw-strong: 600;
  --fw-body: 400;

  /* Spacing scale — 8px 그리드 (4 는 미세조정) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;   /* 페이지 거터(PC) */
  --space-8: 48px;   /* 넓은 거터 */
}

/* 관리자(Phoenix) 레이아웃과 헤더/사이드바 치수 정합 (PC 전용).
 * 헤더 64px(=navbar-top 4rem) · 좌레일 254px(=navbar-vertical 15.875rem).
 * 태블릿(≤1023)·폰(≤767)은 각자 고정폭/숨김 유지 — 여기 min-width:1024 라 미영향.
 * --rail-w/--gnb-h 는 .arka-shell·--full·≥1520 그리드가 var 로 참조하므로 자동 반영. */
@media (min-width: 1024px) {
  :root { --gnb-h: 64px; --rail-w: 254px; }   /* 224→254 확대 */
}