/* ═══════════════════════════════════════════════════════════
   TLH Construction — Design Tokens (ธีมสีแดงตามโลโก้ TLH)
   แก้สีทั้งระบบได้จากไฟล์นี้ไฟล์เดียว
   ═══════════════════════════════════════════════════════════ */
:root {
  /* ── แดงแบรนด์ TLH ── */
  --red-50:  #FFF3F3;  --red-100: #FDE3E4;  --red-200: #FAC6C8;
  --red-300: #F5989C;  --red-400: #EE5F66;  --red-500: #E5262D;
  --red-600: #D01B22;  /* Primary */
  --red-700: #A8141A;  --red-800: #7E0F14;  --red-900: #570A0D;

  /* ── สีเชิงความหมาย ── */
  --success: #147D5D;   --success-bg: #E4F6EF;
  --warning: #99640E;   --warning-bg: #FCF1DD;
  --info:    #2E6FD8;   --info-bg:    #E7EFFB;

  /* ── เทา ── */
  --gray-50:#F7F8FA; --gray-100:#EEF0F4; --gray-200:#E2E5EC; --gray-300:#CBD0DA;
  --gray-400:#9AA1B0;--gray-500:#6E7686; --gray-600:#4E5563; --gray-700:#383E4A;
  --gray-800:#23272F;--gray-900:#14171C;

  /* ── พื้นผิว / ข้อความ / เส้น ── */
  --bg:#F7F8F6; --surface:#FFFFFF; --surface-2:#F2F4F1; --border:#E5E8E3;
  --text:#24312D; --text-2:#59665F; --text-3:#69736C;
  --surface-inset:#F7F8F6; --border-strong:#CCD3CB;
  --focus-ring:var(--red-600);
  --site-code-bg:var(--red-50); --shift-panel-bg:var(--surface-2);
  --work-clock-accent:var(--red-600);

  /* ── แถบเมนูข้าง: พื้นขาว + สีแบรนด์เฉพาะหน้าปัจจุบัน ── */
  --sidebar-bg:var(--bg);
  --sidebar-hover:var(--surface-2);
  --sidebar-active:var(--surface);

  /* ── เงา ── */
  --shadow-xs: 0 1px 2px rgba(20,23,28,.04);
  --shadow-sm: 0 1px 3px rgba(20,23,28,.08), 0 1px 2px rgba(20,23,28,.05);
  --shadow-md: 0 4px 12px rgba(20,23,28,.08), 0 2px 4px rgba(20,23,28,.05);
  --shadow-lg: 0 12px 28px rgba(20,23,28,.14), 0 4px 8px rgba(20,23,28,.06);
  --shadow-red: 0 2px 4px rgba(208,27,34,.12);

  /* ── มุมโค้ง ── */
  --radius-xs:5px; --radius-sm:8px; --radius-md:10px; --radius-lg:14px; --radius-full:999px;

  /* ── เลย์เอาต์ ── */
  --sidebar-w:232px; --topbar-h:64px; --content-max:1440px;
  --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:32px;

  /* ── ฟอนต์ (Kanit รองรับไทย+อังกฤษ) ── */
  --font:"Kanit","Sarabun",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  /* ── Z-index ── */
  --z-dropdown:50; --z-topbar:800; --z-bottom-nav:850; --z-sidebar:900; --z-modal:1000; --z-toast:1100;
}