/* ============================================================
   variables.css — แก้สีและ theme ทั้งหมดที่นี่ที่เดียว
   ============================================================ */
:root {
  /* --- Primary Brand Colors --- */
  --color-primary:        #c0392b;   /* แดงเข้ม — ปุ่มหลัก, CTA */
  --color-primary-hover:  #a93226;
  --color-primary-light:  #e74c3c;
  --color-accent:         #f39c12;   /* ส้มทอง — badge, highlight */
  --color-accent-hover:   #d68910;

  /* --- Background & Surface --- */
  --color-bg:             #fff8f0;   /* ครีมอ่อน — พื้นหลังหน้า */
  --color-surface:        #ffffff;   /* card/section background */
  --color-surface-alt:    #fef5e7;   /* section สลับ */
  --color-border:         #f0d9c0;

  /* --- Text --- */
  --color-text-main:      #2c1a0e;   /* น้ำตาลเข้ม — body text */
  --color-text-sub:       #7d5c3a;   /* น้ำตาลกลาง — sub text */
  --color-text-light:     #a07850;   /* น้ำตาลอ่อน — placeholder */
  --color-text-on-primary:#ffffff;

  /* --- Semantic --- */
  --color-success:        #27ae60;
  --color-danger:         #c0392b;
  --color-warning:        #f39c12;
  --color-info:           #2980b9;

  /* --- Typography --- */
  --font-main:     'Sarabun', 'Noto Sans Thai', sans-serif;
  --font-size-xs:  14px;
  --font-size-sm:  16px;
  --font-size-md:  18px;
  --font-size-lg:  22px;
  --font-size-xl:  28px;
  --font-size-2xl: 36px;
  --font-size-3xl: 48px;

  /* --- Spacing --- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;

  /* --- Radius --- */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --radius-full: 9999px;

  /* --- Shadow --- */
  --shadow-sm:  0 2px 8px rgba(0,0,0,.08);
  --shadow-md:  0 4px 20px rgba(0,0,0,.12);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.16);

  /* --- Max width customer page --- */
  --page-max-width: 640px;

  /* --- Admin Panel --- */
  --admin-width:    360px;
  --admin-bg:       #1a1d27;
  --admin-surface:  #23263a;
  --admin-border:   #2e3148;
  --admin-text:     #d0d4e8;
}