/* tokens.css — 디자인 토큰
   출처: design/mockups 19개 화면에서 문자 단위로 동일하게 확인된 :root 블록
   이 파일만이 색·크기의 단일 출처입니다. 다른 파일에 색을 직접 쓰지 마세요. */
:root{
  --bg:#ffffff;
  --bg-sidebar:#f7f7f5;
  --bg-hover:rgba(55,53,47,.06);
  --bg-active:rgba(55,53,47,.09);
  --bg-input:#f1f1ef;
  --ink:#37352f;
  --ink-muted:#787774;
  --ink-faint:#9b9a97;
  --line:rgba(55,53,47,.09);
  --accent:#2383e2;
  --accent-bg:#e7f3f8;
  --danger:#eb5757;
  --warn-bg:#fbf3db;
  --ok-bg:#edf3ec;
  --radius:3px;
  --radius-lg:6px;
  --shadow-pop:rgba(15,15,15,.05) 0 0 0 1px, rgba(15,15,15,.1) 0 3px 6px, rgba(15,15,15,.2) 0 9px 24px;
  --shadow-card:rgba(15,15,15,.1) 0 0 0 1px, rgba(15,15,15,.1) 0 2px 4px;
  --tag-gray:#e3e2e0;
  --tag-brown:#eee0da;
  --tag-orange:#fadec9;
  --tag-yellow:#fdecc8;
  --tag-green:#dbeddb;
  --tag-blue:#d3e5ef;
  --tag-purple:#e8deee;
  --tag-pink:#f5e0e9;
  --tag-red:#ffe2dd;
  --sidebar-w:240px;
  --page-pad:96px;
  --bg-page:#fafaf9;
}