/* theme-dark.css — Corporate Navy/Black, Dark mode (ค่าเริ่มต้นของเว็บ)
   ใช้ bare :root (ไม่ผูกกับ [data-theme]) เพื่อให้เป็นค่า default แม้ JS ปิดอยู่ก็ตาม
   theme-light.css จะ override ทับด้วย [data-theme="light"] เมื่อผู้ใช้กดสลับเท่านั้น */
:root {
  --color-bg: #0A0A0C;
  --color-surface: #131720;
  --color-surface-alt: #1B2130;
  --color-surface-glass: rgba(10, 11, 15, 0.82);
  --color-primary: #1E4FA3;
  --color-primary-strong: #3A72D6;
  --color-secondary: #8A8D93;
  --color-secondary-strong: #C7C9CD;
  --color-accent: #1E4FA3;
  --color-accent-strong: #3A72D6;
  --color-success: #3FA66B;
  --color-success-strong: #59C486;
  --color-warning: #C08A2E;
  --color-warning-strong: #DBA648;
  --color-error: #C4293F;
  --color-error-strong: #E5455B;
  --color-text: #F1F3F7;
  --color-text-muted: #9BA0AA;
  --color-border: #262C3B;

  --glow-color: 30, 79, 163;
  --shadow-color: 0, 0, 0;
  --shadow-sm: 0 2px 6px rgba(var(--shadow-color), 0.35);
  --shadow-md: 0 6px 18px rgba(var(--shadow-color), 0.4);
  --shadow-lg: 0 14px 32px rgba(var(--shadow-color), 0.5);
  --glow-sm: 0 0 0 rgba(0,0,0,0);
  --glow-md: 0 0 0 rgba(0,0,0,0);

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  --grid-line: transparent;
}