/* SPMS design tokens — จาก design/Handoff.dc.html §3 และ DesignSystem.dc.html (แก้ที่นี่ที่เดียว) */
@font-face {
  font-family: 'Noto Sans Thai';
  src: url('../fonts/NotoSansThai.ttf') format('truetype');
  font-weight: 100 900;
  font-stretch: 62.5% 100%;
  font-display: swap;
}

:root {
  --spms-primary-600: #1F5BD8;
  --spms-primary-700: #1848B0;
  --spms-primary-800: #133B91;
  --spms-primary-50: #EEF3FD;
  --spms-primary-100: #EAF0FC;
  --spms-primary-300: #A9C2F2;
  --spms-brand-ink: #16325F;
  /* หน้าแรก: แผงซ้ายสีน้ำเงินเข้ม (ข้อความขาว contrast ≥ 7:1) */
  --spms-landing-bg: #0F2A5C;
  --spms-landing-tile: rgba(255, 255, 255, .09);
  --spms-landing-ink-2: #D5DEEE;
  --spms-bg: #F4F6F9;
  --spms-surface: #FFFFFF;
  --spms-surface-2: #F8FAFC;
  --spms-hover: #F1F4F8;
  --spms-text: #172133;
  --spms-text-2: #3A4658;
  --spms-muted: #5F6B7C;
  --spms-border: #E1E6ED;
  --spms-border-soft: #EEF1F5;
  --spms-border-strong: #CBD3DE;
  --spms-success: #146C3F;
  --spms-success-bg: #E3F4EA;
  --spms-warning: #9A4A00;
  --spms-warning-bg: #FEF0DC;
  --spms-danger: #B42318;
  --spms-danger-bg: #FDE8E6;
  --spms-radius-sm: 6px;
  --spms-radius: 8px;
  --spms-radius-lg: 10px;
  --spms-radius-xl: 12px;
  --spms-font: 'Noto Sans Thai', system-ui, sans-serif;
  --spms-font-doc: 'Sarabun', serif;
  --spms-sidebar-w: 252px;
  --spms-sidebar-mini-w: 72px;
  --spms-topbar-h: 60px;
  --spms-focus: 2px solid var(--spms-primary-600);
}
/* breakpoints: 1100 (split → stack) · 960 (sidebar → drawer) · 720 (table → card) */