/* CES New ERP — design tokens (single light theme, offline)
   ชุดเดียวกับ design system ของระบบพัสดุ เพื่อให้หน้าตากลมกลืนกันทั้งกลุ่มระบบ */

:root {
  /* พื้นผิวและตัวอักษร */
  --bg: oklch(0.97 0.004 258);
  --surface: oklch(1 0 0);
  --surface-2: oklch(0.94 0.006 258);
  --border: oklch(0.9 0.006 258);
  --border-strong: oklch(0.86 0.008 258);
  --ink: oklch(0.15 0 0);
  --muted: oklch(0.45 0.006 258);
  --ink-soft: oklch(0.35 0.006 258);

  /* แบรนด์ */
  --primary: oklch(0.42 0.15 260);
  --primary-hover: oklch(0.36 0.15 260);
  --primary-active: oklch(0.3 0.14 260);
  --primary-subtle: oklch(0.94 0.025 260);
  --primary-ink: oklch(1 0 0);
  --accent: oklch(0.72 0.13 80);

  /* เมนูด้านซ้าย — ค่าจริงถูก override ด้วย settings.sidebar_color_light ใน base.html
     (ค่าตรงนี้ตรงกับค่าเริ่มต้นของ settings เพื่อให้หน้า login ซึ่งไม่ได้รับตัวแปรนั้นสีตรงกัน) */
  --sidebar-bg: #122c59;
  --sidebar-bg-active: color-mix(in oklch, var(--sidebar-bg) 82%, white);
  --sidebar-border: color-mix(in oklch, var(--sidebar-bg) 86%, white);
  --sidebar-ink: oklch(1 0 0);
  --sidebar-ink-muted: oklch(0.78 0.03 258);

  /* สีความหมาย — ใช้บอกสถานะเท่านั้น */
  --success: oklch(0.56 0.16 155);
  --success-subtle: oklch(0.95 0.04 155);
  --success-text: oklch(0.32 0.1 155);
  --warning: oklch(0.78 0.15 75);
  --warning-subtle: oklch(0.96 0.04 75);
  --warning-text: oklch(0.36 0.09 70);
  --danger: oklch(0.55 0.19 25);
  --danger-subtle: oklch(0.95 0.04 25);
  --danger-text: oklch(0.4 0.16 25);
  --info: oklch(0.55 0.12 240);
  --info-subtle: oklch(0.95 0.03 240);
  --info-text: oklch(0.34 0.09 240);
  --accent-subtle: oklch(0.96 0.03 80);
  --accent-text: oklch(0.4 0.11 80);

  /* ตัวอักษร */
  --font-sans: 'Anuphan', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* มุมโค้ง เงา และจังหวะเวลา */
  --r-sm: 8px;
  --r-md: 9px;
  --r-lg: 11px;
  --r-xl: 14px;
  --shadow-card: 0 1px 2px oklch(0.15 0 0 / 0.04);
  --shadow-btn: 0 1px 2px oklch(0.42 0.15 260 / 0.25);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 120ms;
  --dur: 200ms;

  /* ขนาดโครงหน้า */
  --sidebar-w: 248px;
  --topbar-h: 56px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur: 0ms;
  }
}