CSS Variables Guide

ตรงกับงานจริงที่ทำอยู่

หน้า HTML แบบ single-file (workshop hub, materials pack, live series page) ใช้ CSS variables ล้วน ไม่ใช่ framework

:root {
  --bg: #ffffff;
  --primary: #ff6727;
  --primary-dark: #c43400;
  --text: #63666f;
  --muted: #989aa5;
  --font-heading: 'Source Serif Pro', 'Times New Roman', serif;
  --font-body: 'Noto Sans Thai', 'Open Sans', Arial, sans-serif;
}

body { font-family: var(--font-body); }
h1, h2, .hero h1 { font-family: var(--font-heading); }

รายละเอียดเต็ม (layout, nav, button, materials pack, codebox, accessibility checklist) ดูได้จาก skill file ที่ใช้งานจริงใน AI & Skills → Claude Skill