/* Design tokens — ระบบขอจัดเตรียมสถานที่
   โทนสี: Modern Academic & Enterprise Operations (อิงเอกสาร ext.html)
   บุคลิก: สวย สะอาด หรูหรา คมชัด ทันสมัย (Navy & Sapphire Ice-Clean)
   ฟอนต์: Bai Jamjuree (ทุกหน้า)
*/
@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

:root {
  /* Surfaces & Backgrounds */
  --c-bg: #f3f8fe;
  --c-surface: #ffffff;
  --c-surface-low: #eef5fd;
  --c-surface-container: #e3effd;
  --c-surface-high: #d6e8fb;
  --c-surface-highest: #c8def7;

  /* Typography Colors (High Contrast, AA+) */
  --c-ink: #0d1c2e;
  --c-ink-2: #364455;
  --c-ink-3: #5f7085;
  --c-ink-dim: #8b99a9;

  /* Lines & Borders */
  --c-line: #e2e8f0;
  --c-line-soft: #edf2f7;
  --c-line-strong: #cbd5e1;

  /* Brand Primary (Navy Luxury) */
  --c-primary: #1d4e9e;
  --c-primary-hover: #163f84;
  --c-primary-container: #2b62b8;
  --c-on-primary: #ffffff;
  --c-on-primary-container: #dbe8ff;

  /* Secondary & Accents (Sky Blue) */
  --c-secondary: #0a7bc4;
  --c-secondary-hover: #0866a3;
  --c-secondary-container: #cfe6fb;
  --c-secondary-light: #e8f3fc;
  --c-accent: #0a7bc4;
  --c-accent-hover: #0866a3;
  --c-accent-soft: #e8f3fc;
  --c-on-accent: #ffffff;

  /* Sidebar Theme (Clean Crisp White with Deep Navy Active) */
  --c-side-bg: #ffffff;
  --c-side-ink: #3b4858;
  --c-side-ink-dim: #738294;
  --c-side-hover: #f1f5fa;
  --c-side-active-bg: #1d4e9e;
  --c-side-active-ink: #ffffff;
  --c-side-line: #e8eef6;

  /* Semantic Status Colors (ตามมาตรฐาน Material 3 & ext.html) */
  --c-info: #0a7bc4;
  --c-info-bg: #e8f3fc;
  --c-info-line: #b8dbf6;

  --c-warn: #8a6410;
  --c-warn-bg: #fdf6e3;
  --c-warn-line: #ecdba6;

  --c-danger: #ba1a1a;
  --c-danger-bg: #ffdad6;
  --c-danger-line: #ffb4ab;

  --c-ok: #026a37;
  --c-ok-bg: #e2f6eb;
  --c-ok-line: #a6e7c1;

  --c-neutral: #44474e;
  --c-neutral-bg: #eef2f7;
  --c-neutral-line: #d1d9e2;

  /* Typography */
  --f-base: "Bai Jamjuree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 0.75rem;     /* 12px */
  --fs-sm: 0.84375rem;  /* 13.5px */
  --fs-md: 0.9375rem;   /* 15px */
  --fs-lg: 1.125rem;    /* 18px */
  --fs-xl: 1.375rem;    /* 22px */
  --fs-2xl: clamp(1.5rem, 1.25rem + 0.9vw, 1.875rem); /* 24-30px */
  --lh-base: 1.6;

  /* Spacing Scale (4/8/12/16/24/32) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;

  /* Border Radii */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 18px;
  --r-full: 9999px;

  /* Elevation Shadows */
  --shadow-xs: 0 1px 2px rgba(13, 28, 46, 0.04);
  --shadow-sm: 0 1px 3px rgba(13, 28, 46, 0.05), 0 2px 6px rgba(13, 28, 46, 0.02);
  --shadow-md: 0 4px 14px rgba(13, 28, 46, 0.06), 0 1px 3px rgba(13, 28, 46, 0.03);
  --shadow-lg: 0 10px 28px rgba(13, 28, 46, 0.09), 0 2px 6px rgba(13, 28, 46, 0.04);
  --shadow-pop: 0 16px 40px rgba(13, 28, 46, 0.16);

  /* Layout Constants */
  --sidebar-w: 260px;
  --topbar-h: 64px;
  --content-max: 1360px;
  --tap: 44px;

  /* Transitions */
  --t-fast: 140ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}