/* ==========================================================================
   CWIE "clean academic" tokens — ทับค่าจาก cwie-tokens.css
   โหลดโดยเว็บสาธารณะ (website) และหลังบ้าน (crud) เท่านั้น
   training · webmodule ยังใช้ชุดสีเดิมใน cwie-tokens.css
   ========================================================================== */
:root {
	--cwie-blue: #17346e;          /* กรมท่า — ลิงก์/ปุ่ม/สิ่งที่กดได้ (~11:1 บนขาว) */
	--cwie-blue-deep: #0f2554;     /* พื้นทึบ: แถบบน ฟุตเตอร์ */
	--cwie-blue-darkest: #0a1a3d;
	--cwie-blue-bright: #2b4f96;   /* hover */
	--cwie-blue-tint: rgba(23, 52, 110, .07);
	/* token จุดเน้นเดิม (มิ้นต์/เขียว) ยุบเป็นกรมท่า — หน้าเว็บนี้ใช้สีเดียว */
	--cwie-gold: #17346e;
	--cwie-gold-deep: #17346e;
	--cwie-gold-ink: #fff;
	--cwie-green: #17346e;
	--cwie-aqua: #17346e;
	--cwie-grad: linear-gradient(#17346e, #17346e);
	--cwie-grad-deep: linear-gradient(#0f2554, #0f2554);
	--cwie-grad-soft: linear-gradient(#f5f7fa, #f5f7fa);

	--cwie-ink: #111a2e;
	--cwie-text: #3b4559;
	--cwie-muted: #687488;
	--cwie-line: #e3e7ee;
	--cwie-bg-soft: #f5f7fa;

	--cwie-radius: 8px;
	--cwie-radius-sm: 6px;
	--cwie-shadow: none;
	--cwie-shadow-hover: 0 2px 10px rgba(17, 26, 46, .08);
	--cwie-shadow-lg: 0 2px 10px rgba(17, 26, 46, .08);
	--cwie-ring: 0 0 0 3px rgba(23, 52, 110, .22);

	--cwie-font: 'IBM Plex Sans Thai', 'Leelawadee UI', 'Segoe UI', sans-serif;
}

/* ปิด "Shared 3D" ของ cwie-tokens.css (ปุ่มนูน/ไอคอนก้อน) — สไตล์นี้ใช้พื้นเรียบ ไม่มีเงานูน */
.btn-primary:not(.btn-sm):not(.btn-xs):not(.dropdown-toggle-split),
.btn-success:not(.btn-sm):not(.btn-xs),
.btn-info:not(.btn-sm):not(.btn-xs),
.cwie-btn:not(.cwie-btn-ghost):not(.cwie-btn-disabled):not(.cwie-btn-block),
.btn-primary:not(.btn-sm):not(.btn-xs):active,
.btn-success:not(.btn-sm):not(.btn-xs):active,
.btn-info:not(.btn-sm):not(.btn-xs):active,
.cwie-btn:not(.cwie-btn-ghost):not(.cwie-btn-disabled):not(.cwie-btn-block):active {
	box-shadow: none !important;
	transform: none !important;
}
.dsh-panel-icon,
.cwie-hub-card-header i,
.cwie-info-card > i:first-child { box-shadow: none; }

/* ==========================================================================
   สีสันแบรนด์ — 4 สีจากตัวอักษรโลโก้ C·W·I·E (ฟ้า · ส้ม · เหลืองทอง · เขียว)
   กรมท่า (--cwie-blue) ยังเป็นสี "กดได้" สีเดียว — 4 สีนี้ใช้ตกแต่ง/จำแนกเท่านั้น
   *-ink = เฉดเข้มที่ใช้เป็นตัวอักษรบนพื้นขาวได้ (≥4.5:1) · ตัวไม่มี -ink ใช้เป็นพื้น/ไอคอน/เส้น
   ========================================================================== */
:root {
	--ac-c: #2449c9;  --ac-c-ink: #1f3fae;  --ac-c-tint: rgba(36, 73, 201, .1);
	--ac-w: #ee7a12;  --ac-w-ink: #a84c00;  --ac-w-tint: rgba(238, 122, 18, .12);
	--ac-i: #f2b705;  --ac-i-ink: #855f00;  --ac-i-tint: rgba(242, 183, 5, .16);
	--ac-e: #2e8b3d;  --ac-e-ink: #1f6b2c;  --ac-e-tint: rgba(46, 139, 61, .12);
	/* แถบ 4 สีแบ่งช่วงคมแบบโลโก้ (ไม่ใช่ไล่เฉด) */
	--ac-stripe: linear-gradient(90deg, var(--ac-c) 0 25%, var(--ac-w) 25% 50%, var(--ac-i) 50% 75%, var(--ac-e) 75% 100%);
	--ac-ease: cubic-bezier(.22, .61, .36, 1);
}