/* Design tokens — import before Blazor scoped bundle so tokens are available to components */
@import url('tokens.css');

/* Load Blazor scoped CSS bundle (component and page .razor.css files).
   The Bpt host template does not include <HeadOutlet>, so <HeadContent> cannot
   inject into <head>. This @import is the only available hook — it must stay
   before @font-face rules to remain valid CSS. */
@import url('/LaterGate.AdminConsole.styles.css');

/* Concern-based stylesheets */
@import url('reset.css');
@import url('layout.css');
@import url('mudblazor-overrides.css');
@import url('utilities.css');

/* ── Local fonts ──────────────────────────────────────────────────────────── */

/* Open Sans variable font (normal + italic) — self-hosted (brand book body font) */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Variable.ttf') format('truetype');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Italic-Variable.ttf') format('truetype');
    font-weight: 300 800;
    font-style: italic;
    font-display: swap;
}

/* Montserrat variable font (normal + italic) */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MontserratItalic';
    src: url('../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Caveat variable font (normal) */
@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat/Caveat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}


:root {
    /* Legacy aliases — kept for backward compatibility with existing component inline styles. */
    --color-primary: var(--mud-palette-primary);
    --color-black: var(--mud-palette-dark);
}