/* PipeInvoice Theme - Warm Orange/Rust */

:root {
    /* Warm Orange Primary Colors */
    --rz-primary: #F97316;
    --rz-primary-light: #FB923C;
    --rz-primary-lighter: #FDBA74;
    --rz-primary-dark: #EA580C;
    --rz-primary-darker: #C2410C;

    /* Error/Danger Colors - Red */
    --rz-danger: #DC2626;
    --rz-danger-light: #EF4444;
    --rz-danger-lighter: #F87171;
    --rz-danger-dark: #B91C1C;
    --rz-danger-darker: #991B1B;

    /* Warm Neutral Backgrounds - Replace cool blues with warm beiges */
    --rz-base-background-color: #FFFFFF;
    --rz-content-background-color: #F5F5F0; /* Warm off-white for modals/dialogs */
    --rz-sidebar-background-color: #FAF8F3; /* Very light warm beige for sidebar */

    /* Override Material 3 base colors with warmer tones */
    --rz-base-50: #FAFAF8;   /* Almost white with warm undertone */
    --rz-base-100: #F5F5F0;  /* Very light warm gray */
    --rz-base-200: #EEEEE8;  /* Light warm gray */
    --rz-base-300: #E0E0D8;  /* Warm gray border color */
}

/* Error Message Styling - Ensure all error messages are red */
.rz-message-error,
.rz-messages-error,
.rz-messages .rz-message-error,
.rz-message.rz-message-error,
.validation-message,
span.validation-message,
.rz-chkbox-box.rz-state-invalid,
.rz-invalid,
.rz-textbox.rz-state-invalid,
.rz-dropdown.rz-state-invalid,
.rz-numeric.rz-state-invalid,
[class*="validator"] {
    color: var(--rz-danger) !important;
}

/* Validation error messages specifically */
.rz-messages-error .rz-message,
.rz-messages-error > div {
    color: var(--rz-danger) !important;
}

/* Modal/Dialog Warm Background */
.rz-dialog,
.rz-dialog-content,
.rz-dialog-wrapper {
    background-color: var(--rz-content-background-color) !important;
}

/* Sidebar Warm Background */
.rz-sidebar,
.rz-sidebar-content {
    background-color: var(--rz-sidebar-background-color) !important;
}

/* Card backgrounds with warm tint */
.rz-card {
    background-color: var(--rz-base-50);
}

/* Data grid/table headers with warm tone */
.rz-datatable .rz-datatable-thead,
.rz-grid-table thead {
    background-color: var(--rz-base-100);
}