body {
    --beavers-primary-color: #000;
    --beavers-primary-color-highlight: #222;
    --beavers-primary-bg-color: rgba(185, 2, 2, 1);
    --beavers-primary-bg-color-highlight: rgba(0, 0, 0, 1);
    --beavers-secondary-color: #555;
    --beavers-secondary-color-highlight: #444;

    --beavers-color: var(--beavers-primary-color);
    --beavers-color-highlight: var(--beavers-primary-color-highlight);
    --beavers-border-color:  rgba(255, 255, 255, 1);
    --beavers-border-color-highlight: rgba(255, 100, 100, 1);
    --beavers-header-color: #222;
    --beavers-header-color-highlight: #222;
    --beavers-background-color: var( --beavers-primary-bg-color);
    --beavers-background-color-highlight: var( --beavers-primary-bg-color-highlight);

    --beavers-item-color: var(--beavers-color);
    --beavers-item-color-highlight: var(--beavers-color-highlight);
    --beavers-item-border-color: rgba(255, 100, 100, 1);
    --beavers-item-border-color-highlight:  rgba(185, 2, 2, 0.5);
    --beavers-item-header-color: var(--beavers-header-color);
    --beavers-item-header-color-highlight: var(--beavers-header-color-highlight);
    --beavers-item-background-color: var(--beavers-background-color);
    --beavers-item-background-color-highlight: rgba(0, 0, 0, 0.3);

    --beavers-chat-color: var(--color-dark-4);
    --beavers-chat-color-highlight: var(--color-dark-3);
    --beavers-chat-border-color: var(--color-light-1);
    --beavers-chat-border-color-highlight: #999;
    --beavers-chat-header-color: var(--color-dark-2);
    --beavers-chat-header-color-highlight: var(--color-dark-1);
    --beavers-chat-background-color: rgba(0, 0, 0, 0.05);
    --beavers-chat-background-color-highlight: rgba(0, 0, 0, 0.1);

    --beavers-actor-color: var(--beavers-color);
    --beavers-actor-color-highlight: var(--beavers-color-highlight);
    --beavers-actor-border-color: var(--beavers-border-color);
    --beavers-actor-border-color-highlight: var(--beavers-border-color-highlight);
    --beavers-actor-header-color: #fff;
    --beavers-actor-header-color-highlight: var(--beavers-header-color-highlight);
    --beavers-actor-background-color: var(--beavers-border-color-highlight);
    --beavers-actor-background-color-highlight: var(--beavers-primary-bg-color);
}

.beavers-crafting input[type="text"]:hover,
.beavers-crafting input[type="number"]:hover,
.beavers-crafting input[type="password"]:hover,
.beavers-crafting input[type="date"]:hover,
.beavers-crafting input[type="time"]:hover {
    color: var(--beavers-color) !important; /* Replace with your desired color */
}


.beavers-crafting.crafting-app .beavers-recipe .header{
    color: #fff;
    background: var(--beavers-actor-background-color);
}
.beavers-crafting.crafting-app .beavers-recipe .test-section {
    background-color: #ffc3b6
}
.item-sheet .beavers-recipe-sheet .header{
    color: #fff;
}
.item-sheet .beavers-crafting .tabs{
    font-size: large;
}
.item-sheet .beavers-crafting .tabs .item{
    clip-path: polygon(2.063rem 0, 100% 0%, 100% 100%, 0.688rem 100%);
    background-color: #000;
    color: #fff;
    padding: 3px 10px 0px 30px;
    margin:5px;
}
.item-sheet .beavers-crafting .tabs .item:hover{
    background-color: var(--beavers-primary-bg-color);
    color: #fff;
}

.item-sheet .beavers-crafting .tabs .item.active{
    clip-path: polygon(2.063rem 0, 100% 0%, 100% 100%, 0.688rem 100%);
    background-color: var(--beavers-border-color-highlight);
    padding: 3px 10px 0px 30px;
    margin:5px;
}
.beavers-crafting.crafting-app .window-header .fa-times{
    color:#fff;
}
.beavers-crafting.crafting-app .window-header{
    color:#fff;
}



.navtabs-right .tab-label{
    min-width:inherit;
}