/* 1. FONT IMPORT (Kanit) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,400;0,700;1,400&display=swap');

/* 2. GLOBAL COLOR & FONT VARIABLES */
:root {
    /* Font Family */
    --cassiopeia-font-family-body: 'Kanit', sans-serif;
    --cassiopeia-font-family-headings: 'Kanit', sans-serif;

    /* Global Colors - Change these hex codes to your preference */
    --body-color: #990000;       /* Main text color */
    --link-color: #caa965;       /* Standard link color */
    --link-hover-color: #004499; /* Link color when hovering */
}

/* 3. APPLICATION TO ELEMENTS */ 
body, 
.card-body, 
.module-content, 
.mod-custom,
.mod-custom > *{
    font-family: 'Kanit', sans-serif !important;
    color: var(--body-color) !important;
}

/* Headings (h1 through h6) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Kanit', sans-serif !important;
    color: #990000; /* Optional: Set headings to a darker color than body text */
}

/* Links */
a {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}