@import 'tailwindcss';
@plugin '@tailwindcss/typography';

@theme {
    --color-brand: #156793;
    --color-brand-dark: #0a3d57;
    --color-brand-darker: #072d40;

}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/fonts/IBMPlexSans-Variable.woff2') format('woff2');
    font-weight: 100 700;
    font-stretch: 75% 100%; /* condensed → normal */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/fonts/IBMPlexSans-Italic-Variable.woff2') format('woff2');
    font-weight: 100 700;
    font-stretch: 75% 100%;
    font-style: italic;
    font-display: swap;
}

/* IBM Plex Serif */
@font-face {
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(/fonts/ibm-plex-serif.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url(/fonts/ibm-plex-serif-light.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    src: url(/fonts/ibm-plex-serif-light-italic.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Serif";
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(/fonts/ibm-plex-serif-semibold.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Serif";
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    src: url(/fonts/ibm-plex-serif-semibold-italic.woff2) format("woff2");
    font-display: swap;
}

* {
    font-family: 'IBM Plex Sans', sans-serif;
    scroll-behavior: smooth;
    text-wrap: pretty;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'IBM Plex Serif', serif;
    font-weight: 600;
}