@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');

:root {
    --esb-sidebar-bg: linear-gradient(135deg, #002e5d 0%, #2774ae 100%);
    --esb-font: 'Noto Sans Thai', sans-serif;
    --esb-font-size: 16px;
    --esb-page-title-size: 32px;
    --esb-menu-font-size: 17px;
}

body,
input,
textarea,
select,
button,
label,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
a,
small,
th,
td,
li,
dt,
dd,
div {
    font-family: var(--esb-font) !important;
}

body {
    font-size: var(--esb-font-size);
}

/* Keep Font Awesome icons using their own font family */
.fa,
.fas,
.far,
.fal,
.fab,
[class^='fa-'],
[class*=' fa-'] {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands' !important;
}

.sidebar {
    background: var(--esb-sidebar-bg) !important;
}

.page-title {
    font-size: var(--esb-page-title-size) !important;
}

.nav-links .nav-link {
    font-size: var(--esb-menu-font-size);
}

.sidebar .nav-link,
.sidebar nav a {
    font-size: var(--esb-menu-font-size) !important;
    font-weight: 500;
    line-height: 1.35;
}