/* PO PRO P3 — design tokens (TLKT M3). Màu nhấn teal-600; chế độ tối có bộ riêng. */
:root {
  --teal-50:#f0fdfa; --teal-100:#ccfbf1; --teal-600:#0f766e; --teal-700:#115e59; --teal-800:#134e4a;
  --bg:#f6f7f8; --surface:#ffffff; --surface-2:#f1f3f4; --line:#d9dee2; --ink:#14181c; --soft:#4b5560; --faint:#6b7480;
  --accent:#0f766e; --accent-hover:#115e59; --accent-ink:#ffffff; --accent-weak:#e6f5f3;
  --ok:#166534; --ok-bg:#e8f6ec; --warn:#a15c00; --warn-bg:#fff4dc; --err:#b42318; --err-solid:#b42318; --err-bg:#fdecea; --info:#1d4ed8; --info-bg:#e8effd;
  --focus:#1d4ed8;
  --font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-sm:.875rem; --fs:1rem; --fs-lg:1.25rem; --fs-xl:1.5rem; --fs-2xl:1.875rem;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  --r-sm:8px; --r:12px; --r-lg:16px;
  --sh1:0 1px 2px rgba(16,24,32,.08); --sh2:0 8px 24px rgba(16,24,32,.16);
  --tap:44px; --nav-h:60px; --side-w:232px;
  --gutter:16px;
  --t:150ms;
}
@media (min-width:1024px){ :root { --gutter:24px; } }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) {
  --bg:#0e1214; --surface:#161c1f; --surface-2:#1d2529; --line:#2c373d; --ink:#eef2f4; --soft:#b4bec5; --faint:#8d9aa3;
  --accent:#2dd4bf; --accent-hover:#5eead4; --accent-ink:#04201c; --accent-weak:#12302d;
  --ok:#4ade80; --ok-bg:#12291a; --warn:#fbbf24; --warn-bg:#2d2208; --err:#f87171; --err-solid:#b91c1c; --err-bg:#331312; --info:#8ab4ff; --info-bg:#14223f; --focus:#8ab4ff;
  --sh1:none; --sh2:0 8px 24px rgba(0,0,0,.5);
} }
:root[data-theme="dark"] {
  --bg:#0e1214; --surface:#161c1f; --surface-2:#1d2529; --line:#2c373d; --ink:#eef2f4; --soft:#b4bec5; --faint:#8d9aa3;
  --accent:#2dd4bf; --accent-hover:#5eead4; --accent-ink:#04201c; --accent-weak:#12302d;
  --ok:#4ade80; --ok-bg:#12291a; --warn:#fbbf24; --warn-bg:#2d2208; --err:#f87171; --err-solid:#b91c1c; --err-bg:#331312; --info:#8ab4ff; --info-bg:#14223f; --focus:#8ab4ff;
  --sh1:none; --sh2:0 8px 24px rgba(0,0,0,.5);
}
@media (prefers-reduced-motion: reduce){ :root { --t:0ms; } }