/*
:root {
    --primary-color: #F7972E;
    --primary2-color: #CE6F28;
    --primary3-color: #EBA556;
    --primary4-color: #FBBB76;
    --primary5-color: #FDCE9A;
    --secondary-color: #000000;
    --hover-color: #9D9797;
    --grey-color: #9D9797;
    --active-color: #000;
    --light-color: #fff;
    --dark-color: #000;
    --text-color: #fff;
    --accent-color: #fafafa;
}

    */

:root {
    --primary-color: #0052CC; /* Blue หลัก */
    --primary2-color: #0747A6; /* Deep Blue */
    --primary3-color: #2684FF; /* Light Blue */
    --primary4-color: #4C9AFF; /* Sky Blue */
    --primary5-color: #DEEBFF; /* Ultra Light Blue */
    --secondary-color: #172B4D; /* Dark Navy (พื้นหลัง) */
    --hover-color: #EBECF0;
    --grey-color: #7A869A;
    --active-color: #0052CC;
    --light-color: #FFFFFF;
    --dark-color: #091E42;
    --text-color: #172B4D;
    --accent-color: #fafafa; /* Cyan สำหรับเน้นสถานะ Online */
}