/* 버짓리스트 공통 토큰과 기본 서식 — 모든 페이지가 먼저 읽습니다 */
/* 색은 거의 쓰지 않습니다. 종이 같은 따뜻한 회색과 먹색으로 화면을 만들고,
   색(--accent 계열)은 파일 아이콘과 점처럼 '그 파일이 무엇인지' 알려 주는 곳에만 씁니다. */
:root{
  --page:#FFFFFF;   /* 페이지 바탕 — 모든 화면이 같습니다 */
  --paper:#F7F6F3;  /* 살짝 눌러 앉힌 면 (입력칸 배경, 표 머리 등) */
  --sheet:#FFFFFF;
  --ink:#37352F;
  --ink-strong:#111110;
  --muted:#787774;
  --line:#E9E8E4;
  --hover:rgba(55,53,47,.06);      /* 테두리 대신 쓰는 배경 */
  --hover-strong:rgba(55,53,47,.11);
  --link:#37352F;
  --accent:#00804A;
  --accent-soft:#D9F9EB;
  --accent-fill:#00DF82;
  --on-accent:#FFFFFF;
  --warn:#B4423A;
  --bar:#37352F;
  --bar-ink:#F7F6F3;
  --bar-muted:#A6A29A;
  --radius:6px;
  --radius-lg:10px;
  --wrap:860px;     /* 본문 폭. 체크리스트는 열 보기에 따라 body 에서 늘립니다 */
  --shell:1240px;   /* 상단 바와 푸터 폭. 어느 페이지에서나 같아야 해서 따로 둡니다 */
  --sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --page:#141413; --paper:#191918; --sheet:#202020; --ink:#E3E2DE; --ink-strong:#FFFFFF; --muted:#989690; --line:#2E2E2C;
    --hover:rgba(255,255,255,.055); --hover-strong:rgba(255,255,255,.1); --link:#E3E2DE;
    --accent:#4FEBA8; --accent-soft:#103A28; --accent-fill:#4FEBA8; --on-accent:#191918; --warn:#EE8B82;
    --bar:#E3E2DE; --bar-ink:#191918; --bar-muted:#575652;
  }
}
:root[data-theme="dark"]{
  --page:#141413; --paper:#191918; --sheet:#202020; --ink:#E3E2DE; --ink-strong:#FFFFFF; --muted:#989690; --line:#2E2E2C;
  --hover:rgba(255,255,255,.055); --hover-strong:rgba(255,255,255,.1); --link:#E3E2DE;
  --accent:#4FEBA8; --accent-soft:#103A28; --accent-fill:#4FEBA8; --on-accent:#191918; --warn:#EE8B82;
  --bar:#E3E2DE; --bar-ink:#191918; --bar-muted:#575652;
}
/* --swatch: brighter display color for the picker and tab dots only. */
/* Per-tab theme colors. Scoped by [data-accent] so each tab chip can show its own color too. */
/* 파일 색 여섯 가지 (아이콘 icon_1~6 과 같은 색). 예전 키 yellow 는 주황, lime 은 초록으로 봅니다. */
[data-accent="orange"],[data-accent="yellow"]{--accent:#C83A0A;--accent-soft:#FFE7DD;--accent-fill:#FF5B23;--on-accent:#FFFFFF;--swatch:#FF5B23}
[data-accent="navy"]{--accent:#3A39FF;--accent-soft:#E6E6FF;--accent-fill:#3A39FF;--on-accent:#FFFFFF;--swatch:#3A39FF}
[data-accent="green"],[data-accent="lime"]{--accent:#00804A;--accent-soft:#D9F9EB;--accent-fill:#00DF82;--on-accent:#1B2230;--swatch:#00DF82}
[data-accent="pink"]{--accent:#C2386B;--accent-soft:#FFEAF2;--accent-fill:#FFB3CF;--on-accent:#1B2230;--swatch:#FFB3CF}
[data-accent="purple"]{--accent:#B01F7E;--accent-soft:#FBE3F2;--accent-fill:#CF2C95;--on-accent:#FFFFFF;--swatch:#CF2C95}
[data-accent="teal"]{--accent:#007A7A;--accent-soft:#D9F5F5;--accent-fill:#00B9B9;--on-accent:#1B2230;--swatch:#00B9B9}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) [data-accent="orange"],:root:not([data-theme="light"]) [data-accent="yellow"]{--accent:#FF9166;--accent-soft:#40200F;--accent-fill:#FF9166;--on-accent:#191918}
  :root:not([data-theme="light"]) [data-accent="navy"]{--accent:#9D9CFF;--accent-soft:#1F1F47;--accent-fill:#9D9CFF;--on-accent:#191918}
  :root:not([data-theme="light"]) [data-accent="green"],:root:not([data-theme="light"]) [data-accent="lime"]{--accent:#4FEBA8;--accent-soft:#103A28;--accent-fill:#4FEBA8;--on-accent:#191918}
  :root:not([data-theme="light"]) [data-accent="pink"]{--accent:#FFB3CF;--accent-soft:#3F2330;--accent-fill:#FFB3CF;--on-accent:#191918}
  :root:not([data-theme="light"]) [data-accent="purple"]{--accent:#F08BCB;--accent-soft:#3C1830;--accent-fill:#F08BCB;--on-accent:#191918}
  :root:not([data-theme="light"]) [data-accent="teal"]{--accent:#4FD6D6;--accent-soft:#0F3535;--accent-fill:#4FD6D6;--on-accent:#191918}
}
:root[data-theme="dark"] [data-accent="orange"],:root[data-theme="dark"] [data-accent="yellow"]{--accent:#FF9166;--accent-soft:#40200F;--accent-fill:#FF9166;--on-accent:#191918}
:root[data-theme="dark"] [data-accent="navy"]{--accent:#9D9CFF;--accent-soft:#1F1F47;--accent-fill:#9D9CFF;--on-accent:#191918}
:root[data-theme="dark"] [data-accent="green"],:root[data-theme="dark"] [data-accent="lime"]{--accent:#4FEBA8;--accent-soft:#103A28;--accent-fill:#4FEBA8;--on-accent:#191918}
:root[data-theme="dark"] [data-accent="pink"]{--accent:#FFB3CF;--accent-soft:#3F2330;--accent-fill:#FFB3CF;--on-accent:#191918}
:root[data-theme="dark"] [data-accent="purple"]{--accent:#F08BCB;--accent-soft:#3C1830;--accent-fill:#F08BCB;--on-accent:#191918}
:root[data-theme="dark"] [data-accent="teal"]{--accent:#4FD6D6;--accent-soft:#0F3535;--accent-fill:#4FD6D6;--on-accent:#191918}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--page); color:var(--ink);
  font-family:var(--sans); font-size:15.5px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
/* 본문 링크는 색이 아니라 밑줄로 알립니다 */
a{color:var(--link);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px}
a:hover{text-decoration-color:var(--muted)}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}