:root {
    /* ==============================================
       Color Palettes
       Organized color scales for greens, blues,
       oranges, and browns.
       ============================================== */

    /* Greens (aligned with MudBlazor Primary) */
    --green-light: var(--mud-palette-primary-lighten, #a3b18a);
    --green-olive: var(--mud-palette-primary, #73825c);
    --green-dark: var(--mud-palette-primary-darken, #556b2f);
    --green-accent: #10b981;

    /* Blues (aligned with MudBlazor Secondary / Info) */
    --blue-accent: #60a5fa;
    --blue-medium: #0041aa;
    --blue-dark: var(--mud-palette-secondary, #001e60);
    --blue-navy: #001440;

    /* Oranges */
    --orange-light: #fbbf24;
    --orange-primary: #f59e0b;
    --orange-dark: #d97706;
    --orange-warning: var(--mud-palette-warning, #ffb81c);

    /* Browns (aligned with MudBlazor Tertiary) */
    --brown-light: var(--mud-palette-tertiary-lighten, #e08a5c);
    --brown-primary: var(--mud-palette-tertiary, #c97a5a);
    --brown-dark: var(--mud-palette-tertiary-darken, #8e604d);

    /* ==============================================
       Semantic / Functional Colors
       ============================================== */
    --color-success: var(--mud-palette-success, #26b050);
    --color-error: var(--mud-palette-error, #e50000);
    --color-UAT: #00bfb2;

    /* ==============================================
       Text Colors
       ============================================== */
    --text-primary: var(--mud-palette-text-primary, #1a1a1a);
    --text-secondary: var(--mud-palette-text-secondary, #6b7280);
    --text-muted: var(--mud-palette-text-disabled, #6b7c93);
    --text-heading: #001e40;

    /* ==============================================
       Background Colors
       ============================================== */
    --bg-white: var(--mud-palette-surface, #ffffff);
    --bg-light: var(--mud-palette-background-gray, #f3f4f6);
    --bg-grey: var(--mud-palette-background, #f8f9fa);

    /* ==============================================
       Border Colors
       ============================================== */
    --border-color: var(--mud-palette-divider, #e0e0e0);
    --border-dark: #929292;

    /* ==============================================
       Navigation Colors
       ============================================== */
    --nav-bg-production: var(--mud-palette-drawer-background, #1c212d);
    --nav-bg-uat: #73825c;
    --nav-text: #9ca8b8;
    --nav-text-hover: #e2e8f0;
    --nav-bg-hover: rgba(255, 255, 255, 0.08);
    --nav-email: #063cb4;

    /* ==============================================
       Font
       ============================================== */
    --font-size-base: .9rem;
}