/* =========================================================
   ค่าสีเริ่มต้น/สำรอง (fallback) ของทั้งเว็บ
   ไฟล์นี้ต้องโหลดก่อน site.css เสมอ
   ค่าจริงที่ใช้งาน ถูกดึงมาทับจาก Supabase โดย assets/js/theme-loader.js
   (แก้ค่าจริงได้ที่ admin/theme-colors.html — ห้ามแก้ไฟล์นี้ตรง ๆ
   เพราะจะถูกสคริปต์ทับทุกครั้งที่โหลดหน้า ไฟล์นี้มีไว้เป็นค่า fallback เท่านั้น)
   รายชื่อตัวแปรทั้งหมด ดูที่ assets/js/theme-fields.js
========================================================= */
:root{
  /* ธีมหลัก (ทั้งเว็บ) — โทนพีช/โคอรัล ตรงกับค่าที่ใช้งานจริงบนเว็บ (คัดลอกจาก Supabase เมื่อ 2026-09-21)
     ต้องเหมือนค่าจริงเสมอ เพราะลิงก์ที่แชร์/ตัวอย่างลิงก์ไม่รัน JS จึงเห็นแค่ค่าในไฟล์นี้ */
  --bg:#fff7f3;
  --paper:#ffffff;
  --text:#684c47;
  --muted:#92756e;
  --line:#f1d8d0;
  --brand:#ef9282;
  --brand-dark:#ff705e;
  --yellow:#f6d98d;
  --mint:#a8d8c7;
  --sky:#a9cbe5;

  /* ธีมหลัก ต่อ — สีตาม HTML tag ทั่วไป (fallback สุดท้าย) */
  --h1-color:#8b5148;
  --h2-color:#8b5148;
  --p-color:#684c47;
  --span-color:#684c47;
  --strong-color:#684c47;
  --label-color:#684c47;
  --a-color:#b96559;
  --a-hover-color:#d27667;

  /* ก้อนตกแต่งพื้นหลัง */
  --blob-mint:#dff2eb;
  --blob-yellow:#fff0c9;

  /* Navbar */
  --nav-bg:#ffffff;
  --nav-border:#f1d8d0;
  --nav-link:#684c47;
  --nav-link-hover:#d27667;
  --nav-active-bg:#ef9282;
  --nav-active-text:#ffffff;
  --nav-premium-from:#8a5d08;
  --nav-premium-to:#c08a10;
  --nav-premium-metal-light:#f7f8fa;
  --nav-premium-metal-mid:#cbd0d8;
  --nav-premium-metal-dark:#b2b8c2;
  --nav-logo-accent:#ef9282;

  /* Hero (หน้าแรกบนสุด) — แยกอิสระทุกจุด ไม่ใช้ร่วมกับที่อื่น */
  --hero-bg-from:#fff8f4;
  --hero-bg-to:#ffe8df;
  --hero-badge-bg:#ffffff;
  --hero-badge-text:#9d5c51;
  --hero-title-1:#8b5148;
  --hero-title-2-accent:#e48474;
  --hero-title-3:#8b5148;
  --hero-description:#83665f;
  --hero-btn-secondary-from:#fff2cf;
  --hero-btn-secondary-to:#f7dda0;
  --hero-btn-secondary-text:#72544c;
  --hero-btn-secondary-border:#e5c678;
  --hero-blob-1:#fff0e9;
  --hero-blob-2:#f8c9bc;

  /* ปุ่ม & Chip (ทั้งเว็บ) */
  /* ปุ่มหลัก (ทุกหน้า) = --btn-product-* ; ปุ่มรอง (ทุกหน้า) = --hero-btn-secondary-* ; ปุ่ม "ดูตัวอย่าง" = --btn-secondary-* */
  --btn-secondary-from:#ffffff;
  --btn-secondary-to:#fff8f5;
  --btn-secondary-text:#9d5c51;
  --btn-product-from:#ff867d;
  --btn-product-to:#ff5a51;
  --btn-product-text:#ffffff;
  --btn-product-border:#ee6758;

  /* Section: ทักษะที่อยากฝึก */
  --skills-bg-from:#fffaf7;
  --skills-bg-to:#fff2ec;
  --skills-icon-1:#fff1c9;
  --skills-icon-2:#dff2eb;
  --skills-icon-3:#e1eef7;
  --skills-icon-4:#eee7f6;

  /* Section: แบบฝึกหัดฟรี */
  --eyebrow-mint-bg:#e4f4ed;
  --eyebrow-mint-text:#4f7d6c;

  /* Section: แบบฝึกหัดพรีเมียม */
  --premium-eyebrow-bg:#fff0c9;

  /* Section: สินค้าสำหรับเด็ก (Sponsored) */
  --sponsored-title:#8b5148;
  --sponsored-sparkle:#e8c66c;
  --sponsored-sub:#92756e;
  --sponsored-li:#684c47;

  /* CTA Banner */
  --cta-grad-1:#ffe5dc;
  --cta-grad-2:#fff9f5;
  --cta-grad-3:#f7d0c5;
  --cta-sparkle:#e99a89;

  /* Footer */
  --footer-bg:#fbe2da;
  --footer-divider:#e9c7bd;
  --footer-fb-bg:#718fb6;
  --footer-fb-bg-hover:#607fa8;


  /* พื้นหลัง & เงากลาง (เพิ่มเติม) */
  --page-glow-1:#ffd86b;
  --page-glow-2:#a9dfc4;
  --shadow-base:#8c5041;
  --shadow-black:#000000;
  --shadow-brown:#5d432c;
  --shadow-brown-dark:#362d26;
  --overlay-dark:#2e2a27;
  --on-color:#ffffff;

  /* Navbar (เพิ่มเติม) */
  --nav-brand-name:#2b2b2b;
  --nav-lang-icon:#6b645d;
  --nav-lang-text:#aaaaaa;
  --nav-lang-text-hover:#7d746e;
  --nav-lang-active-text:#ff675e;
  --nav-lang-active-bg:#fff1ec;
  --nav-order-from:#3b2a24;
  --nav-order-to:#211713;
  --nav-order-hover-from:#4b332b;
  --nav-order-hover-to:#291b17;
  --nav-premium-shadow:#543600;
  --nav-premium-ring-1:#6e7682;
  --nav-premium-ring-2:#46505f;

  /* ปุ่ม (เพิ่มเติม) */
  --btn-primary-glow:#ff6159;
  --btn-preview-border:#ff7e6a;
  --btn-preview-hover-from:#ffefe6;
  --btn-preview-hover-to:#ffe2d4;
  --btn-preview-hover-text:#8f4b3b;
  --btn-preview-hover-border:#ff705a;
  --btn-soft-shadow:#de9174;

  /* การ์ดสินค้า & ป้าย (เพิ่มเติม) */
  --product-title-text:#2f2722;
  --product-meta-text:#8a7667;
  --pill-border:#e4d0bf;
  --pill-text:#796a5f;
  --media-bg:#f6f2ed;
  --price-special-from:#ff8f70;
  --price-special-to:#e66f52;
  --price-special-shadow:#ff6f52;
  --free-badge:#147348;
  --home-free-bg:#eefcf4;
  --home-free-border:#4ca774;
  --home-free-text:#3d8b61;
  --home-free-shadow:#3c7d5a;
  --tag-bg:#fff0eb;
  --accent-text:#a44e43;
  --step-num-shadow:#f5574e;
  --cta-edge:#ff8f70;
  --cta-cloud:#ffe9d2;

  /* หน้าหมวดหมู่ & การ์ดหมวด (เพิ่มเติม) */
  --chapter-card-bg-end:#fffdfb;
  --chapter-card-border:#493a30;
  --chapter-card-shadow:#42342b;
  --chapter-card-title:#2d2826;
  --skill-slider-text:#2f2926;
  --chapter-card-desc:#7b7480;
  --taxonomy-group-title:#302a27;
  --taxonomy-skill-link:#675e58;
  --taxonomy-kicker:#a08b76;
  --taxonomy-head-border:#4b3a2d;
  --soft-text:#675f5a;
  --search-icon:#9d9187;
  --empty-border:#dccfc2;
  --cat-bubble-mix-1:#1f5a45;
  --cat-bubble-mix-2:#7a5a00;
  --cat-bubble-mix-3:#1d4f7a;

  /* Section: สินค้าสำหรับเด็ก (เพิ่มเติม) */
  --sponsored-text-soft:#8a8177;
  --sponsored-zone-bg:#fbfaf8;
  --sponsored-cloud:#dcecfb;
  --sponsored-dot:#e2dcd4;
  --sponsored-ai-from:#a78bfa;
  --sponsored-ai-to:#7c6ef2;
  --brand-shopee:#ee4d2d;
  --brand-lazada:#0f146d;

  /* Footer (เพิ่มเติม) */
  --footer-messenger-1:#00c6ff;
  --footer-messenger-2:#7b2ff7;
  --footer-messenger-3:#f72585;

  /* หน้า Product (เพิ่มเติม) */
  --eyebrow-text:#7c5b11;
  --product-info-bg:#fefcfb;
  --pill-green-bg:#e8fbf1;
  --pill-green-text:#1fa659;
  --pill-green-icon:#c8f3dc;
  --pill-pink-bg:#ffeaf3;
  --pill-pink-text:#e0568f;
  --pill-pink-icon:#ffd2e6;
  --pill-lilac-text:#8064c9;
  --pill-lilac-icon:#e2d7f8;
  --doodle-sparkle:#ffcf5c;
  --blob-pink:#ffb8d9;
  --sticky-bg:#ff675e;
  --stat3d-depth:#ffc9c2;
  --stat3d-shadow:#8a2f28;
  --toast-bg:#222222;

  /* หน้า About / 404 / อื่น ๆ (เพิ่มเติม) */
  --callout-bg:#fff6d9;
  --callout-text:#735f27;
  --callout-border:#ffd86b;
  --notfound-number:#ff7166;
  --deco-stroke:#ffb199;

  /* เงา (ไม่ใช่สีล้วน — ไม่มีช่องปรับแยก ใช้สีจากฟิลด์ shadow-base ปรับ 16%) โทนน้ำตาลอุ่นตามธีมพีช */
  --shadow:0 12px 30px color-mix(in srgb, var(--shadow-base) 16%, transparent);
}

/* หน้ารายละเอียดสินค้า (Product) — เฉพาะหน้านี้เท่านั้น ไม่กระทบหน้าอื่น
   ค่าเริ่มต้นใช้ธีมพีช/โคอรัลเดียวกับหน้าแรก (ปรับเมื่อ 2026-09-21) */
.product-page{
  --coral:#ef9282;
  --coral-dark:#ff705e;
  --green:#4f7d6c;
  --ink:#684c47;
  --muted:#92756e;
  --line:#f1d8d0;
  --sky-soft:#ffe8df;
  --sky-dark:#ff705e;
  --lilac:#ef9282;
  --lilac-soft:#eee7f6;

  /* ตัวเลข 3D (จำนวนข้อ/หน้า/ขนาดกระดาษ) — โทนสีปุ่มสินค้า เปลี่ยนเฉพาะสีข้อความ */
  --stat3d-top:#ff9a91;
  --stat3d-mid:#ff5a51;
  --stat3d-bottom:#c93d36;
  --stat3d-stroke:#ff5a51;

  /* ป้าย "หน้าที่ N" ใต้ภาพตัวอย่างไฟล์ */
  --showcase-caption-bg:#ff705e;
  --showcase-caption-text:#ffffff;
}