/* ==========================================================================
   Base Layer: Typography & Local Fonts (ITCSS Layer 1)
   [CSS-08] ໃຊ້ Local Font 100% ບໍ່ດຶງຈາກ CDN ພາຍນອກ
   ========================================================================== */

/* ໂຫຼດ Font ພາສາລາວຈາກໂຟນເດີທ້ອງຖິ່ນ */
@font-face {
    font-family: 'Noto Sans Lao';
    src: url('../../fonts/noto-sans-lao-bold.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    color: var(--color-text-main);
    background-color: var(--color-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-base);
    font-weight: 700;
    color: var(--color-text-main);
    line-height: 1.3;
}

h1 { font-size: var(--font-size-2xl); }
h2 { font-size: var(--font-size-xl); }
h3 { font-size: var(--font-size-lg); }
h4 { font-size: var(--font-size-md); }
h5 { font-size: var(--font-size-base); }
h6 { font-size: var(--font-size-sm); }

p {
    margin-bottom: var(--space-3);
}

small {
    font-size: var(--font-size-xs);
}