/* In your existing wwwroot/app.css */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&display=swap');

:root {
    --color-eastman-navy: #04284B;
    --color-eastman-blue: #73B7EF;
    --color-eastman-orange: #C4571E;
    --color-eastman-stone: #D5D5D5;
    --color-eastman-grey: #757679;
    /* Map Bootstrap's primary variables to the new design */
    --bs-primary: var(--color-eastman-navy);
    --bs-info: var(--color-eastman-blue);
    --bs-warning: var(--color-eastman-orange);
    --bs-body-font-family: 'Work Sans', Arial, sans-serif;
}

body {
    font-family: var(--bs-body-font-family);
    background-color: #f4f5f7; /* From Layout.tsx */
}