:root {
    --d365-body-bg: #fafafa;
    --d365-body-color: #001f3f;
    --d365-body-color-accent: #0074d9;
    --d365-body-color-accent-background: #0074d922;
    --d365-color-gold: #ffb819;
    --d365-color-silver: #c9c9c9;
    --d365-color-bronze: #a58844;
    --d365-typography-font: 'Karla', sans-serif !important;

    --mud-typography-overline-lineheight: none !important;
    --mud-typography-overline-size: .65rem !important;
    --mud-typography-overline-text-transform: uppercase !important;

    --mud-typographym3-display-large-font: var(--d365-typography-font) !important;
    --mud-typographym3-display-medium-font: var(--d365-typography-font) !important;
    --mud-typographym3-display-small-font: var(--d365-typography-font) !important;
    --mud-typographym3-headline-large-font: var(--d365-typography-font) !important;
    --mud-typographym3-headline-medium-font: var(--d365-typography-font) !important;
    --mud-typographym3-headline-small-font: var(--d365-typography-font) !important;
    --mud-typographym3-title-large-font: var(--d365-typography-font) !important;
    --mud-typographym3-title-medium-font: var(--d365-typography-font) !important;
    --mud-typographym3-title-small-font: var(--d365-typography-font) !important;
    --mud-typographym3-label-large-font: var(--d365-typography-font) !important;
    --mud-typographym3-label-medium-font: var(--d365-typography-font) !important;
    --mud-typographym3-label-small-font: var(--d365-typography-font) !important;
    --mud-typographym3-body-large-font: var(--d365-typography-font) !important;
    --mud-typographym3-body-medium-font: var(--d365-typography-font) !important;
    --mud-typographym3-body-small-font: var(--d365-typography-font) !important;

    --mud-typography-body1-family: 'Karla', sans-serif !important;
    --mud-typography-body2-family: 'Karla', sans-serif !important;
    --mud-typography-h1-family: 'Karla', sans-serif !important;
    --mud-typography-h2-family: 'Karla', sans-serif !important;
    --mud-typography-h3-family: 'Karla', sans-serif !important;
    --mud-typography-h4-family: 'Karla', sans-serif !important;
    --mud-typography-h5-family: 'Karla', sans-serif !important;
    --mud-typography-h6-family: 'Karla', sans-serif !important;
}

body {
    font-family: var(--mud-typography-body1-family);
}

.d365-icon,
.mud-link {
    font-size: inherit;
    object-fit: cover !important;
}

.mud-link,
.mud-nav-link.active .mud-nav-link-text,
.mud-breadcrumb-item a {
    color: var(--d365-body-color-accent) !important;
}

.d365-form-container {
    max-width: 600px;
    margin-left: 0;
    margin-right: auto;
}

.mud-breadcrumb-item.mud-disabled a {
    color: var(--mud-palette-grey-default) !important;
}


.d365-dialog-blur {
    backdrop-filter: blur(10px);
}

.d365-col-highlight {
    background-color: var(--mud-palette-table-striped) !important;
}

/* Mobile device styling */
@media (max-width: 768px) {
    :root {
        --mud-typography-body1-size: 1.5rem !important;
    }
}