:root {
    --duet-color-primary: rgb(171, 18, 57);
    --duet-color-text: #333;
    --duet-color-text-active: #fff;
    --duet-color-placeholder: #666;
    --duet-color-button: #f5f5f5;
    --duet-color-surface: #fff;
    --duet-color-overlay: rgba(0, 0, 0, 0.8);
    --duet-color-border: #333;

    --duet-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --duet-font-normal: 400;
    --duet-font-size: 16px;
    --duet-font-bold: 600;

    --duet-radius: 4px;
    --duet-z-index: 600;
}


/* .duet-date {
} */


.duet-date__day:not(.is-month) {
    color: white;

}

/* .duet-date__day.is-today {
    font-weight: bold;
    background-color: yellow;
    box-shadow: 0 0 5px yellow;;
} */

.duet-date__day[aria-pressed=true] {
    background-color: rgb(4, 51, 108);  
    font-weight: bold;
}

.duet-date__day:focus {
    background-color: #e0ecf1;
    box-shadow: 0 0 5px rgb(4, 51, 108);
    color: black;
    font-weight: normal;
}

.duet-date__input:focus {
    border-color: black;
    box-shadow: 0 0 0 1px black;
    outline: 0;
}
.duet-date__toggle:focus {
    
    box-shadow: 0 0 0 1px black;
    outline: 0;
}

.duet-date__close:focus {
    box-shadow: 0 0 0 1px var(--duet-color-primary);
    outline: none;
}

.duet-date__select select:focus+.duet-date__select-label {
    box-shadow: 0 0 0 1px var(--duet-color-primary);
}

.duet-date__prev:focus, .duet-date__next:focus {
    box-shadow: 0 0 0 1px var(--duet-color-primary);
    outline: 0;
}
.duet-date__toggle {
    background-color: rgb(171, 18, 57);
    color: white;
}

    .duet-date__toggle:hover {
        filter: brightness(0.95);
    }

    .duet-date__toggle:active {
        filter: brightness(1.2);
    }

    .duet-date__toggle:focus {
        outline: none;
        box-shadow: 0 0 5px var(--duet-color-primary);
    }