/* ระบบรับแจ้งเบาะแส บช.ปส. — โทเคนกลาง (กรมท่า + กากี + แดงตรายาง) */
@import url("fonts/fonts.css");

:root {
  --ink: #1B2333;
  --ink-2: #444E60;
  --ink-3: #5F6876;
  --kromtha: #24375C;        /* สีกรมท่า — สีหลัก */
  --kromtha-2: #31497A;
  --kromtha-tint: #E7ECF4;
  --khaki: #B39463;          /* สีกากี — เส้น/ตกแต่งเท่านั้น */
  --khaki-ink: #745D33;      /* กากีสำหรับตัวอักษร (คอนทราสต์ ≥ 5:1) */
  --khaki-tint: #F3EEE4;
  --paper: #F1F3F6;
  --sheet: #FFFFFF;
  --line: #DAE0E8;
  --line-2: #C9D1DC;
  --stamp: #C0262D;          /* แดงตรายาง — ใช้น้อยที่สุด */
  --u-critical: #C0262D;
  --u-high: #B4500B;
  --u-mid: #9A5E07;
  --u-low: #5B6577;
  --radius: 14px;
  --font-display: "Pridi", "Sarabun", Georgia, serif;
  --font-body: "IBM Plex Sans Thai Looped", "Noto Sans Thai Looped", "Sarabun", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --focus: 0 0 0 2px #fff, 0 0 0 4px var(--kromtha-2);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: none; box-shadow: var(--focus); }
.mono { font-family: var(--font-mono); }
.mono, .ref, .idc, .idchip { font-variant-numeric: slashed-zero; }
.visually-hidden {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
.mark { flex: none; display: block; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}