:root {
  --bg: #f4f7f5;
  --surface: #ffffff;
  --ink: #17251f;
  --muted: #617068;
  --line: #d8e2dc;
  --brand: #176b45;
  --brand-dark: #0d4d31;
  --accent: #d7a800;
  --accent-ink: #3b2e00;
  --ok: #147a46;
  --warn: #9a6700;
  --danger: #b4232c;
  --ready: #176b64;
  --radius: 8px;
  --shadow: 0 2px 8px rgba(13, 77, 49, 0.06);
  --max: 720px;
  --pad: 16px;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  font-family: "Segoe UI", "Noto Sans TC", "Noto Sans Thai", "Noto Sans Myanmar", "Microsoft JhengHei", sans-serif;
  background: var(--bg);
  color: var(--ink);
  line-height: 1.45;
  min-height: 100vh;
}

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
}

img {
  max-width: 100%;
}