/*
Theme Name: Maesot Pro
Theme URI: https://pmprograming.online/
Author: PM Programing
Author URI: https://pmprograming.online/
Description: ธีม WordPress องค์กรสมัยใหม่ สำหรับธุรกิจบริการครบวงจร ออกแบบ Mobile First รองรับ Gutenberg Block, SEO Friendly และ Core Web Vitals โทนสีหลักน้ำเงิน (#0F5FFF) พร้อมโครงสร้างรองรับ Dark Mode.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maesot-pro
Tags: corporate, business, blog, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, translation-ready, blue, two-columns, right-sidebar
*/

/*
 * หมายเหตุ: ไฟล์นี้เก็บ Theme Header (จำเป็นต่อ WordPress) และ Design Tokens
 * สไตล์หลักทั้งหมดอยู่ที่ assets/css/main.css ซึ่งถูก enqueue แยกเพื่อ performance
 */

:root {
	/* ===== Brand Color System ===== */
	--mp-primary: #0F5FFF;
	--mp-primary-dark: #0A47C2;
	--mp-primary-light: #4D86FF;
	--mp-primary-soft: #EAF1FF;

	/* ===== Neutrals ===== */
	--mp-white: #FFFFFF;
	--mp-gray-50: #F7F9FC;
	--mp-gray-100: #EDF1F7;
	--mp-gray-200: #DCE3ED;
	--mp-gray-300: #C2CCDA;
	--mp-gray-500: #6B7686;
	--mp-gray-700: #3A4250;
	--mp-gray-900: #141A24;

	/* ===== Semantic ===== */
	--mp-bg: var(--mp-white);
	--mp-bg-alt: var(--mp-gray-50);
	--mp-surface: var(--mp-white);
	--mp-text: var(--mp-gray-900);
	--mp-text-muted: var(--mp-gray-500);
	--mp-border: var(--mp-gray-200);
	--mp-heading: var(--mp-gray-900);

	/* ===== Typography ===== */
	--mp-font-body: "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, -apple-system, sans-serif;
	--mp-font-head: "Kanit", "IBM Plex Sans Thai", system-ui, sans-serif;

	/* ===== Layout ===== */
	--mp-container: 1200px;
	--mp-radius: 14px;
	--mp-radius-sm: 8px;
	--mp-radius-lg: 24px;

	/* ===== Elevation ===== */
	--mp-shadow-sm: 0 1px 2px rgba(20, 26, 36, 0.06), 0 1px 3px rgba(20, 26, 36, 0.04);
	--mp-shadow: 0 4px 16px rgba(20, 26, 36, 0.08);
	--mp-shadow-lg: 0 18px 48px rgba(15, 95, 255, 0.14);

	/* ===== Motion ===== */
	--mp-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--mp-speed: 0.35s;
}

/* ===== Dark Mode (เปิดใช้งานในอนาคตด้วย attribute หรือ media query) ===== */
[data-theme="dark"] {
	--mp-bg: #0C1119;
	--mp-bg-alt: #121826;
	--mp-surface: #161D2C;
	--mp-text: #E8ECF3;
	--mp-text-muted: #9AA6B8;
	--mp-border: #232C3D;
	--mp-heading: #FFFFFF;
	--mp-primary-soft: #14213D;
}