/* ============================================================
   theme.css — 디자인 토큰 (색/간격/그림자)
   여기 변수만 바꾸면 전체 앱의 테마가 바뀐다. 부서별 테마도 여기서 분기 가능.
   ============================================================ */
:root{
  --green:#2e7d52; --green-d:#22633f; --green-l:#e8f4ec; --green-ll:#f3f9f5;
  --accent:#e8804d; --accent-l:#fdf0e8;
  --ink:#1f2a24; --muted:#6b7a72; --line:#e2e9e4; --bg:#f6f8f6; --card:#fff;
  --kakao:#fee500; --kakao-ink:#191600; --naver:#03c75a;
  --warn:#c0392b; --ok:#2e7d52; --info:#2d6cb5; --late:#e6a23c;
  --shadow:0 1px 3px rgba(0,0,0,.06),0 6px 18px rgba(20,40,30,.06);
  --radius:14px;
}
/* 부서 테마 예시 — body[data-dept="youth"] 등으로 색만 교체하면 됨
body[data-dept="youth"]{ --green:#3a5fa0; --green-d:#2c4a82; --green-l:#e8eef8; --green-ll:#f3f6fc; --accent:#e8804d; }
*/
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  background:var(--bg);color:var(--ink);font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:14px}
a{color:var(--green);cursor:pointer}
.hidden{display:none!important}
.muted{color:var(--muted)} .right{text-align:right} .center{text-align:center}