@font-face {
    font-family: 'Sarabun';
    font-weight: 300;
    font-style: normal;
    src: url('fonts/Sarabun-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Sarabun';
    font-weight: 600;
    font-style: normal;
    src: url('fonts/Sarabun-SemiBold.ttf') format('truetype');
}

:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #591855;
    --md-primary-fg-color--light: #7d2378;
    --md-primary-fg-color--dark: #3d1039;
    --md-primary-bg-color: #ffffff;
    --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
    --md-accent-fg-color: #591855;
    --md-accent-fg-color--transparent: rgba(89, 24, 85, 0.1);
    --md-accent-bg-color: #ffffff;
    --md-accent-bg-color--light: rgba(255, 255, 255, 0.7);
}

body,
.md-typeset {
    font-family: 'Sarabun', sans-serif;
    font-weight: 300;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    font-family: 'Sarabun', sans-serif;
    font-weight: 600;
}