/* ============================================================
   시안 1 — 가이드 기본형 (Guide Default)
   디자인가이드 v1.6 의 레퍼런스 화면 그대로.
   잉크 네이비 GNB + 화이트 사이드바 + 라이트 그레이 배경.
   ※ 색·타이포·크기 토큰은 tokens.css(가이드 원본)를 그대로 씁니다.
      이 파일은 가이드가 규정하지 않은 '표면 톤 · 명암 · 입체감'만 정의합니다.
   ============================================================ */
:root{
  --bg-page:var(--gray-50);                 /* #F6F8FB */
  --card-border:var(--gray-200); --card-shadow:0 1px 2px rgba(11,27,43,.05);
  --card-foot-bg:#FBFCFE; --th-bg:var(--gray-100); --tr-border:#EDF2F7;
  --stripe:#FAFCFE; --filter-bg:#FBFCFE; --input-bg:var(--white); --kv-dt-bg:#F8FAFC;
  --stat-hl-bg:var(--orange-50); --stat-hl-border:var(--orange-200);
  --r-card:var(--r-lg); --r-logo:7px;

  /* GNB — 잉크 네이비 (가이드 --bg-inverse) */
  --gnb-bg:var(--bg-inverse); --gnb-fg:var(--white); --gnb-border:rgba(255,255,255,.12);
  --gnb-hover:rgba(255,255,255,.10); --gnb-on-bg:rgba(255,255,255,.16); --gnb-on-fg:var(--white);

  /* 사이드바 — 화이트 */
  --side-bg:var(--white); --side-border:var(--gray-200); --side-fg:var(--ink-700);
  --side-muted:var(--gray-400); --side-hover:var(--gray-100);
  --side-role-bg:#F8FAFC; --side-role-border:var(--gray-200);
  --side-role-fg:var(--ink-900); --side-foot-bg:#F8FAFC;

  --btn-p-shadow:none;
  --modal-scrim:rgba(11,27,43,.55);
  --toast-bg:var(--ink-900); --toast-fg:var(--white); --toast-link:var(--orange-300);
  --login-art:linear-gradient(150deg,#0B1B2B 0%,#1B3145 55%,#B85000 160%);
}
/* 시안1 손질 — 좌측 액센트 바로 회원 유형을 표시 */
.gnb .brand small{color:var(--orange-300);opacity:1}
.stat{border-top:2px solid var(--role)}
.pg-head h1::before{content:"";width:3px;height:16px;border-radius:2px;background:var(--role);display:inline-block}
.card-t::before{content:"";width:3px;height:13px;border-radius:2px;background:var(--role);display:inline-block;opacity:.85}