/* ============================================================
   theme.css — แหล่งกำหนดสีธีมของทั้งเว็บ (single source of truth)
   ------------------------------------------------------------
   ต้องการเปลี่ยนสีธีมทั้งเว็บ: แก้เฉพาะบล็อก :root ด้านล่างนี้
   ไฟล์อื่นทั้งหมดอ้างผ่าน var() แล้ว ไม่ต้องไปตามแก้ทีละไฟล์
   ============================================================ */

:root {
  /* ---------- BRAND / ACCENT ----------
     เก็บเป็น RGB channel เพื่อให้ใส่ค่าโปร่งใสได้: rgb(var(--brand-500-rgb) / 0.3)
     ชุดปัจจุบัน = โทนแดง (Tailwind red)  */
  --brand-300-rgb: 252 165 165;
  --brand-400-rgb: 248 113 113;
  --brand-500-rgb: 239 68 68;    /* สีหลักของธีม */
  --brand-600-rgb: 220 38 38;
  --brand-700-rgb: 185 28 28;
  --brand-800-rgb: 153 27 27;
  --brand-900-rgb: 127 29 29;

  --brand-300: rgb(var(--brand-300-rgb));
  --brand-400: rgb(var(--brand-400-rgb));
  --brand-500: rgb(var(--brand-500-rgb));
  --brand-600: rgb(var(--brand-600-rgb));
  --brand-700: rgb(var(--brand-700-rgb));
  --brand-800: rgb(var(--brand-800-rgb));
  --brand-900: rgb(var(--brand-900-rgb));
  --brand: var(--brand-500);

  /* ---------- SURFACE (พื้นหลังมืด) ----------
     ไล่จากมืดสุด -> สว่างสุด ให้เข้าโทนกับ brand ด้านบน */
  --surface-deep: #100809;
  --surface-0: #140a0e;
  --surface-1: #1f1216;
  --surface-2: #271a1e;
  --surface-3: #160b0f;

  /* ---------- STATE (ความหมายคงที่ ไม่ผูกกับธีม) ---------- */
  --state-success: #22c55e;
  --state-warning: #fbbf24;
  --state-info: #38bdf8;
}