/* 
    Changes to humanistic theme to keep the things we liked in material.
*/
:root {
    /* Add more distinction between primary and danger colors:
        original primary:
        --rz-primary: hsl(3.9, 57.9%, 42%);
        --rz-primary-light: hsl(3.9, 43.8%, 48.8%);   
        --rz-primary-lighter: hsla(3.9, 57.9%, 42%, 0.16);
        --rz-primary-dark: hsl(4.2, 58.2%, 38.4%);
        --rz-primary-darker: hsl(3.9, 57.8%, 31.6%);
        original danger:
        --rz-danger: hsl(355.8, 66.4%, 42%);
        --rz-danger-light: hsl(356, 47.8%, 51.2%);
        --rz-danger-lighter: hsla(355.8, 66.4%, 42%, 0.2);
        --rz-danger-dark: hsl(355.5, 66.7%, 35.3%);
        --rz-danger-darker: hsl(355.5, 66.5%, 31.6%);
    */
    /* add 6 to hue */
    --rz-primary: hsl(11, 57.9%, 42%);
    --rz-primary-light: hsl(11, 43.8%, 48.8%);
    --rz-primary-lighter: hsla(11, 57.9%, 42%, 0.16);
    --rz-primary-dark: hsl(11, 58.2%, 38.4%);
    --rz-primary-darker: hsl(11, 57.8%, 31.6%);
    /* remove 6 from hue */
    --rz-danger: hsl(350, 66.4%, 42%);
    --rz-danger-light: hsl(350, 47.8%, 51.2%);
    --rz-danger-lighter: hsla(350, 66.4%, 42%, 0.2);
    --rz-danger-dark: hsl(350, 66.7%, 35.3%);
    --rz-danger-darker: hsl(350, 66.5%, 31.6%);
    /* header matches primary color */
    --rz-menu-top-item-background-color: var(--rz-primary);
    --rz-menu-top-item-color: var(--rz-on-primary);
    --rz-menu-top-item-icon-color: var(--rz-on-primary);
    --rz-menu-top-item-hover-color: var(--rz-on-primary);
    /* rounded borders */
    --rz-border-radius: 4px;
    /* but keep square for sort icons in grid */
    --rz-badge-pill-border-radius: 0;
    /* mild shadow under buttons */
    --rz-button-shadow: var(--rz-shadow-1);
    /* move accordion caret back to the right */
    --rz-accordion-toggle-icon-order: 1;
    --rz-accordion-shadow: var(--rz-shadow-1);
    /* Style save-but-hidden growl to be more like material:
    --rz-notification-success-color: var(--rz-success-darker);
    --rz-notification-success-background-color: var(--rz-success-light);
    */
}

.rz-button {
    /* Keep uppercase text and shadow for buttons */
    text-transform: uppercase;
    box-shadow: var(--rz-button-shadow);
}