:root {
    --bf-header-height: 48px;

    /* Text/icon tones that shared Bff.Shared.Client components reach for by token name.
       Each portal declares its own value; these are Customer Portal's slate neutrals,
       matching the rest of its palette. */
    --text-muted: #64748b;
    --icon-muted: #cbd5e1;
}

html {
    min-width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    flex-grow: 1;
    margin: 0;
    display: flex;
    flex-direction: column;
}