@font-face {
    font-family: 'ChulabhornFont';
    src: url('@Url.Content("~/fonts/chulabhornlikittext-medium.woff2")') format('woff2'), url('@Url.Content("~/fonts/ChulabhornLikitText-Medium.ttf")') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Apply it globally or to specific classes */
body {
    font-family: 'ChulabhornFont', sans-serif;
}



/*
@font-face {
    font-family: 'Chulabhorn Likit Fonts';
    src: url(https://reg-ch.cra.ac.th/css/Chulabhorn_Likit_Font/ChulabhornLikitText-Light.otf);
    font-weight: 200;
}


@font-face {
    font-family: 'Chulabhorn Likit Fonts';
    src: url(https://reg-ch.cra.ac.th/css/Chulabhorn_Likit_Font/ChulabhornLikitText-Regular.otf);
    font-weight: 400;
}

@font-face {
    font-family: 'Chulabhorn Likit Fonts';
    src: url(https://reg-ch.cra.ac.th/css/Chulabhorn_Likit_Font/ChulabhornLikitText-Medium.otf);
    font-weight: 500;
}


@font-face {
    font-family: 'Chulabhorn Likit Fonts';
    font-weight: 700;
    src: url(https://reg-ch.cra.ac.th/css/Chulabhorn_Likit_Font/ChulabhornLikitText-Bold.otf);
}

* {
    font-family: 'Chulabhorn Likit Fonts', serif;
    font-size: 16px;
}
*/



:root {
    /* Brand Colors */
    --bs-primary: #1F3D7D;
    --bs-primary-rgb: 31, 61, 125;
    --bs-warning: #FEE2AD;
    --bs-danger: #F36B21; /* Mapping Orange to Danger/Action */
    --bs-secondary: #FEE2AD;
    /* Layout Backgrounds */
    --bs-body-bg: #F8F9FA;
    --bs-body-color: #1F3D7D; /* Using Navy for text readability */
}

/* --- Sidebar Customization --- */
.app-sidebar {
    background-color: #1F3D7D !important;
}

/* Sidebar Brand (Logo) area */
.brand-link {
    background-color: #162c5a !important; /* Slightly deeper navy for depth */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
}

/* Sidebar Menu Links */
.sidebar-menu .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

    /* Active Link in Sidebar - Using Orange for maximum pop */
    .sidebar-menu .nav-link.active {
        background-color: #F36B21 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }

    /* Sidebar Hover State */
    .sidebar-menu .nav-link:hover:not(.active) {
        background-color: rgba(254, 226, 173, 0.2) !important; /* Cream hover tint */
        color: #FEE2AD !important;
    }

/* --- Navbar / Header --- */
.app-header {
    border-bottom: 2px solid #F36B21;
    background-color: #ffffff;
}