:root {
    /* Colores generales */
    --color-background: hsla(350, 80%, 43%, 0.05);
    --color-black: hsla(210, 6%, 13%, 1);
    --color-red: hsl(0, 80%, 40%);
    --color-secondary: hsla(0, 0%, 96%, 1);
    --color-gray: hsla(0, 0%, 23%, 1); 
    --color-btn-gray: hsla(0, 0%, 59%, 1);
    --color-bg-red: hsla(0, 41%, 97%, 1);
    --color-warning: hsla(350, 80%, 43%, 1);
    --color-sidebar: hsl(25, 20%, 90%);
    --color-text-main: hsl(0, 0%, 12%);
    --color-text-muted: hsl(0, 0%, 48%);
    --color-border: hsla(0, 0%, 83%, 1);
    --color-heading-bg: hsla(200, 8%, 99%, 1);
    --color-border-card: var(--color-warning);

    --color-filter-bg-gray: hsla(0, 0%, 88%, 0.21);
    --color-filter-button-border: hsla(0, 0%, 83%, 1);
    --color-filter-button-bg-gray: hsla(0, 0%, 96%, 1);

    /* Colores de tablas */
    --color-table-heading-bg: var(--color-heading-bg);
    --color-table-body-bg: hsl(30deg 100% 100%);

    /* Colores de botones y etiquetas */
    --color-success: hsla(171, 100%, 36%, 1);
    --color-success-bg: hsla(160, 100%, 90%, 1);
    --color-completed: hsl(160, 40%, 75%);
    --color-completed-bg: hsl(160, 40%, 90%);

    --color-processing: hsl(260, 50%, 80%);
    --color-processing-bg: hsl(260, 60%, 1%);

    --color-rejected: hsl(0, 70%, 80%);
    --color-rejected-bg: hsl(0, 70%, 90%);

    --color-on-hold: hsl(35, 80%, 75%);
    --color-on-hold-bg: hsl(35, 80%, 90%);

    --color-in-transit: hsl(50, 70%, 75%);
    --color-in-transit-bg: hsl(50, 70%, 90%);

    --border-radius--container: 1.25rem;
    --boreder-radius--button: 4px;
}