:root {
    color-scheme: light;
    --flocara-canvas: #ffffff;
    --flocara-surface: #ffffff;
    --flocara-surface-rgb: 255, 255, 255;
    --flocara-startup-text: #171717;
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --flocara-canvas: #121416;
    --flocara-surface: #1e2125;
    --flocara-surface-rgb: 30, 33, 37;
    --flocara-startup-text: #f3f4f6;
    --flocara-surface-muted: #272b31;
    --flocara-surface-selected: #34303e;
    --flocara-text: #f3f4f6;
    --flocara-text-secondary: #bec4cd;
    --flocara-border: #3b4048;
    --flocara-brand-text: #ff6666;
    --flocara-auth-backdrop: rgb(0 0 0 / 64%);
}

html,
body {
    background-color: var(--flocara-canvas);
    color: var(--flocara-startup-text);
}

/* Logos, uploaded media, maps and media-viewer backdrops retain their colors. */
:root[data-theme="dark"] .flocara-dashboard-action-card {
    background-image: url("images/dashboard-actions-brush-dark.webp");
}

:root[data-theme="dark"] .flocara-auth-bootstrap {
    background: var(--flocara-canvas);
    color: var(--flocara-startup-text);
}

:root[data-theme="dark"] .flocara-auth-bootstrap::before {
    background:
        radial-gradient(circle at 50% 48%, #1e2125 0%, rgba(30, 33, 37, 0.96) 24%, transparent 60%),
        linear-gradient(145deg, #050505 0%, #121416 50%, #4d1318 80%, #260709 100%);
}

:root[data-theme="dark"] .flocara-snackbar-host .mud-snackbar.mud-alert-filled-success {
    color: var(--mud-palette-success) !important;
    background: color-mix(in srgb, var(--mud-palette-success) 10%, var(--flocara-surface)) !important;
}

:root[data-theme="dark"] .flocara-snackbar-host .mud-snackbar.mud-alert-filled-warning {
    color: var(--mud-palette-warning) !important;
    background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--flocara-surface)) !important;
}

:root[data-theme="dark"] .flocara-snackbar-host .mud-snackbar.mud-alert-filled-error {
    color: var(--mud-palette-error) !important;
    background: color-mix(in srgb, var(--mud-palette-error) 10%, var(--flocara-surface)) !important;
}