/* Design tokens — โรงพยาบาลท่าใหม่ ศูนย์รวมระบบสารสนเทศ
   One source for color, type, spacing, radius, elevation and motion.
   Custom properties only: loading this file changes no existing page by itself. */
:root{
  /* Brand: teal / emerald */
  --c-primary-50:#effaf8;--c-primary-100:#d6f2ed;--c-primary-200:#aee3da;--c-primary-300:#7ccdc1;
  --c-primary-500:#14958a;--c-primary-600:#0d8178;--c-primary-700:#0b6b64;--c-primary-800:#0d5651;--c-primary-900:#0f3f3c;
  --c-primary:var(--c-primary-600);--c-primary-ink:var(--c-primary-700);

  /* Neutrals: white, soft gray, slate */
  --c-bg:#f4f6f8;--c-surface:#fff;--c-surface-2:#f8fafb;--c-surface-3:#eef2f5;
  --c-ink:#0f1f2e;--c-ink-2:#334155;--c-muted:#5d6b7e;--c-faint:#8a96a6;
  --c-line:#e3e8ee;--c-line-strong:#cfd8e1;

  /* Status */
  --c-danger:#b42336;--c-danger-soft:#fff1f2;--c-warn:#8a5208;--c-warn-soft:#fff4dc;
  --c-star:#d97706;--c-star-soft:#fff7e6;

  /* Category tones (muted, low saturation) */
  --tone-teal-bg:#e6f6f3;--tone-teal-fg:#0b6b64;
  --tone-slate-bg:#eaeef6;--tone-slate-fg:#3b4f78;
  --tone-sky-bg:#e5f2f9;--tone-sky-fg:#155e86;
  --tone-rose-bg:#fbedf0;--tone-rose-fg:#9b3550;

  /* Typography */
  --font-sans:'IBM Plex Sans Thai','Noto Sans Thai',Tahoma,system-ui,sans-serif;
  --fs-xs:12px;--fs-sm:13px;--fs-base:14.5px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;
  --lh-tight:1.35;--lh-base:1.65;
  --fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;

  /* Spacing (4px grid) */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:56px;

  /* Radius */
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:999px;

  /* Elevation */
  --sh-1:0 1px 2px rgba(15,31,46,.05);
  --sh-2:0 1px 2px rgba(15,31,46,.04),0 4px 14px -4px rgba(15,31,46,.07);
  --sh-3:0 2px 4px rgba(15,31,46,.04),0 16px 32px -10px rgba(15,31,46,.16);
  --sh-pop:0 4px 8px rgba(15,31,46,.05),0 20px 40px -12px rgba(15,31,46,.24);
  --ring:0 0 0 3px rgba(13,129,120,.32);

  /* Motion */
  --dur-1:150ms;--dur-2:220ms;--dur-3:300ms;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-std:cubic-bezier(.4,0,.2,1);
  --ease-pop:cubic-bezier(.34,1.45,.64,1);
}
@media (prefers-reduced-motion:reduce){:root{--dur-1:1ms;--dur-2:1ms;--dur-3:1ms}}