/* ============================================================
   themes.css — โทน "แผงควบคุมหน้าลาน / จอเครื่องชั่งดิจิทัล"
   ตัวแปรสี (light = กระดาษกลางแดด, dark = แผงเครื่องกลางคืน)
   + ชุดสีหลัก + ความหนาแน่น
   ============================================================ */
:root {
  --font: 'K2D', sans-serif;
  --font-num: ui-monospace, 'SF Mono', 'JetBrains Mono', 'Roboto Mono', Menlo, monospace;
  --font-scale: 1;

  /* ---- LIGHT: โทนกระดาษ/ครีม อ่านง่ายกลางแดด ---- */
  --bg:        #ece6d8;   /* กระดาษคราฟท์อ่อน */
  --bg-grain:  #e4ddca;
  --surface:   #fffdf7;   /* แผงงาน */
  --surface-2: #f4efe2;   /* แถบหัว/inset */
  --surface-3: #ebe4d2;
  --text:      #1d2420;
  --text-soft: #6a7064;
  --text-faint:#9aa091;
  --border:    #d9d1bd;
  --border-strong:#c7bda3;
  --shadow:    0 1px 2px rgba(60,50,20,.07), 0 6px 20px rgba(60,50,20,.06);
  --shadow-lg: 0 10px 40px rgba(60,50,20,.14);

  --primary:     #2f7d33;
  --primary-600: #266a2a;
  --primary-700: #1e561f;
  --primary-ink: #ffffff;
  --primary-tint:#e3efdf;

  --signal:  #c47a16;   /* แอมเบอร์ — เตือน/น้ำหนัก */
  --signal-tint:#f7eccf;
  --success: #2f7d33;
  --danger:  #c5372b;
  --danger-tint:#f8e2df;
  --warning: #c47a16;
  --info:    #1f6dbf;

  /* จอ LED เครื่องชั่ง (มืดเสมอ ทั้ง light/dark) */
  --led-bg:    #0b1410;
  --led-bg-2:  #0f1b15;
  --led-frame: #06100b;
  --led-green: #3df58f;
  --led-amber: #ffc24d;
  --led-dim:   #1f7a4d;

  --radius:    14px;
  --radius-sm: 9px;
  --radius-lg: 20px;

  /* ความหนาแน่น (ปรับด้วย data-density) */
  --space:     18px;
  --row-pad:   13px;
  --control-h: 50px;

  --rail-w: 256px;
}

/* ---- WHITE: โทนขาวสะอาด (เฉพาะ light mode) ---- */
html[data-theme="light"][data-surface="white"] {
  --bg:        #eef1f4;
  --bg-grain:  #e6eaef;
  --surface:   #ffffff;
  --surface-2: #f4f6f8;
  --surface-3: #eaedf1;
  --text:      #1a1f26;
  --text-soft: #5b6470;
  --text-faint:#9aa3af;
  --border:    #e2e6eb;
  --border-strong:#cfd5dd;
  --shadow:    0 1px 2px rgba(20,30,50,.06), 0 6px 20px rgba(20,30,50,.06);
  --shadow-lg: 0 10px 40px rgba(20,30,50,.14);
}

/* ---- DARK: แผงเครื่องกลางคืน ---- */
html[data-theme="dark"] {
  --bg:        #0a0f0d;
  --bg-grain:  #0c120f;
  --surface:   #121a16;
  --surface-2: #18221d;
  --surface-3: #1f2b24;
  --text:      #e9efe9;
  --text-soft: #93a399;
  --text-faint:#5f7068;
  --border:    #243029;
  --border-strong:#324137;
  --shadow:    0 1px 2px rgba(0,0,0,.5), 0 8px 28px rgba(0,0,0,.45);
  --shadow-lg: 0 14px 48px rgba(0,0,0,.6);

  --primary-ink:#04140a;
  --primary-tint:#13271b;
  --signal-tint:#2a2310;
  --danger-tint:#2c1715;
}

/* ---- ชุดสีหลัก (เปลี่ยน --primary + tint) ---- */
html[data-color="green"] { --primary:#2f7d33; --primary-600:#266a2a; --primary-700:#1e561f; --primary-tint:#e3efdf; }
html[data-color="blue"]  { --primary:#1f6dbf; --primary-600:#175aa3; --primary-700:#114a87; --primary-tint:#e1ecf9; }
html[data-color="amber"] { --primary:#b9791a; --primary-600:#9d6512; --primary-700:#7f510c; --primary-tint:#f8edd4; --primary-ink:#fff; }
html[data-color="teal"]  { --primary:#0c7d6e; --primary-600:#0a6a5d; --primary-700:#08564b; --primary-tint:#d8efeb; }
html[data-color="rose"]  { --primary:#c01e5b; --primary-600:#a3184d; --primary-700:#85133f; --primary-tint:#fae1ea; }
html[data-color="slate"] { --primary:#4d5b6e; --primary-600:#3f4b5b; --primary-700:#323c49; --primary-tint:#e7ebf0; }
html[data-color="purple"]{ --primary:#7c3aed; --primary-600:#6d28d9; --primary-700:#5b21b6; --primary-tint:#efe7fc; }
html[data-color="orange"]{ --primary:#e8590c; --primary-600:#d24a06; --primary-700:#b03c05; --primary-tint:#fdeadd; --primary-ink:#fff; }

html[data-theme="dark"][data-color="green"] { --primary:#3fae54; --primary-tint:#13271b; --primary-ink:#04140a; }
html[data-theme="dark"][data-color="blue"]  { --primary:#4d9bea; --primary-tint:#11243a; --primary-ink:#03101f; }
html[data-theme="dark"][data-color="amber"] { --primary:#e3a23e; --primary-tint:#2a2310; --primary-ink:#1a1304; }
html[data-theme="dark"][data-color="teal"]  { --primary:#2bb6a3; --primary-tint:#0f2b27; --primary-ink:#03140f; }
html[data-theme="dark"][data-color="rose"]  { --primary:#e85285; --primary-tint:#2e1620; --primary-ink:#1c0610; }
html[data-theme="dark"][data-color="slate"] { --primary:#8294ab; --primary-tint:#1b232d; --primary-ink:#070d14; }
html[data-theme="dark"][data-color="purple"]{ --primary:#a786f0; --primary-tint:#211836; --primary-ink:#0c0618; }
html[data-theme="dark"][data-color="orange"]{ --primary:#f5854a; --primary-tint:#2e1a0d; --primary-ink:#1a0c03; }

/* ---- ความหนาแน่น compact ---- */
html[data-density="compact"] {
  --space:     12px;
  --row-pad:   8px;
  --control-h: 42px;
}