/* ==========================================================================
   tokens.css — Brand tokens ของ บริษัทอัตโนมัติ · THEAUTOMATION.BIZ
   แก้ไฟล์นี้ไฟล์เดียว สีและฟอนต์ทั้งสไลด์เปลี่ยนตาม
   ========================================================================== */

:root{
  /* ---- Brand palette ---- */
  --indigo:#2B02F4;   /* Electric Indigo — headline, key message, องค์ประกอบสำคัญ */
  --lime:#CBF402;     /* Automation Lime — accent, CTA, badge, จุดเน้น */
  --soft:#99B9FF;     /* Soft Blue — secondary highlight, supporting graphic */
  --deep:#004AAD;     /* Deep Blue — illustration, UI element */
  --ink:#0A0A12;      /* Ink Black — body text (เอนโทน indigo เล็กน้อย) */
  --white:#FFFFFF;    /* Pure White — background หลัก */

  /* ---- Derived neutrals ---- */
  --mist:#F4F5FB;     /* พื้นการ์ดและตาราง เอนโทน indigo */
  --line:#DDE1F4;     /* เส้นคั่น */
  --muted:#5B5F7A;    /* ข้อความรอง */
  --indigo-dark:#1A00A8;
  --alert:#C81E5A;    /* ใช้เฉพาะคำเตือนห้ามเด็ดขาด */

  /* ---- Type ---- */
  --font:"IBM Plex Sans Thai","Noto Sans Thai",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  /* ---- Assets ---- */
  --logo:url("../img/logo.png");

  /* ---- Slide geometry ---- */
  --slide-w:1120px;
  --slide-pad:52px 60px;
  --radius-slide:22px;
  --radius-card:14px;
  --gap:14px;

  /* ---- หน่วยความกว้างจอ ----
     ขนาดตัวอักษรที่ยืดตามจอใช้ calc(N * var(--vw)) แทน Nvw ตรง ๆ
     โหมดนำเสนอจะล็อกค่านี้ไว้ที่ 11.2px (เท่ากับจอกว้าง 1120px)
     เพื่อให้ทุกสไลด์ถูกย่อขยายทั้งแผ่นแทนที่จะให้ตัวอักษรโตเองจนล้นกรอบ */
  --vw:1vw;
}