/* ArcSafe Free Tools — Shared Design Tokens
   모든 도구(tools/*)는 이 파일 + components.css를 공유합니다.
   색상/폰트를 바꿀 때는 이 파일 하나만 수정하면 전체 도구에 반영됩니다. */

:root{
  /* Surface */
  --bg:#F8F9FA;
  --panel:#FFFFFF;
  --panel-2:#F1F3F5;
  --border:#E3E6E9;
  --border-soft:#ECEEF0;

  /* Text */
  --text:#1F2933;
  --muted:#6B7785;
  --muted-2:#98A2AC;

  /* Brand / status */
  --amber:#C98A2C;
  --amber-dim:#E8D6B8;
  --teal:#0E7C4A;
  --red:#DC2626;

  /* Type */
  --mono:'IBM Plex Mono', monospace;
  --sans:'IBM Plex Sans KR', -apple-system, sans-serif;
}

*{ box-sizing:border-box; margin:0; padding:0; }

body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--sans);
  min-height:100vh;
  padding:0 0 60px;
}

main{ max-width:980px; margin:0 auto; padding:40px 24px 0; }

footer{
  max-width:980px; margin:36px auto 0; padding:20px 24px 0;
  border-top:1px solid var(--border-soft);
  color:var(--muted-2); font-size:11.5px; line-height:1.7;
}
footer b{ color:var(--muted); }