/* FlowCal MudBlazor Theme Overrides */
/* This file customizes MudBlazor to match the FlowCal design system */

/* Use Inter font throughout */
.mud-typography, .mud-input, .mud-button, .mud-table {
    font-family: var(--fc-font-family) !important;
}

/* Primary color overrides to match FlowCal brand */
:root {
    --mud-palette-primary: var(--fc-primary);
    --mud-palette-primary-hover: var(--fc-primary-hover);
    --mud-palette-primary-text: #ffffff;
    --mud-palette-primary-lighten: var(--fc-primary-light);

    /* Secondary uses sidebar color */
    --mud-palette-secondary: var(--fc-sidebar-bg);
    --mud-palette-secondary-text: #ffffff;

    /* Status colors */
    --mud-palette-success: var(--fc-success);
    --mud-palette-warning: var(--fc-warning);
    --mud-palette-error: var(--fc-error);
    --mud-palette-info: var(--fc-info);

    /* Background and surface */
    --mud-palette-background: var(--fc-background);
    --mud-palette-surface: var(--fc-card-bg);

    /* Text colors */
    --mud-palette-text-primary: var(--fc-foreground);
    --mud-palette-text-secondary: var(--fc-text-muted);
}

/* Button styling to match FlowCal */
.mud-button-root {
    text-transform: none !important;
    font-weight: var(--fc-font-weight-medium) !important;
    border-radius: var(--fc-radius-sm) !important;
}

/* Card styling */
.mud-card {
    border-radius: var(--fc-radius) !important;
    box-shadow: var(--fc-shadow) !important;
}

/* Table styling */
.mud-table {
    border-radius: var(--fc-radius) !important;
}

.mud-table-head .mud-table-cell {
    font-weight: var(--fc-font-weight-semibold) !important;
    background-color: var(--fc-muted) !important;
}

/* Input styling */
.mud-input-control {
    border-radius: var(--fc-radius-sm) !important;
}

/* Dialog styling */
.mud-dialog {
    border-radius: var(--fc-radius-lg) !important;
}

/* Chip styling */
.mud-chip {
    border-radius: var(--fc-radius-sm) !important;
}

/* Alert styling */
.mud-alert {
    border-radius: var(--fc-radius) !important;
}

/* Snackbar positioning */
.mud-snackbar-location-bottom-right {
    bottom: 20px !important;
    right: 20px !important;
}

/* DataGrid styling */
.mud-table-container {
    border-radius: var(--fc-radius) !important;
}

/* Form field labels */
.mud-input-label {
    font-weight: var(--fc-font-weight-medium) !important;
}

/* Focus states */
.mud-input-control-input-container:focus-within {
    border-color: var(--fc-focus-outline) !important;
}