/* Shared notification tones for the drawer and its separate launcher button. */
.notification-drawer,
.notification-drawer-launcher {
    --notification-tone: var(--bs-success);
    --notification-tone-rgb: var(--bs-success-rgb);
    --notification-tone-text: var(--bs-success-text-emphasis);
    --notification-tone-border: var(--bs-success-border-subtle);
    --notification-gradient: linear-gradient(160deg, #86d5a4, var(--bs-success) 55%, #146c43);
    --notification-gradient-soft: linear-gradient(105deg, #e9f7ef, #ccebd9 55%, #a6d7bc);
    --notification-gradient-contrast: linear-gradient(115deg, #268557, #0a3622);
    --notification-row-gradient: linear-gradient(90deg, rgba(134, 213, 164, 0.22), rgba(20, 108, 67, 0.08) 80%);
}

.notification-drawer .notification-tone--danger,
.notification-drawer-launcher.notification-tone--danger {
    --notification-tone: var(--bs-danger);
    --notification-tone-rgb: var(--bs-danger-rgb);
    --notification-tone-text: var(--bs-danger-text-emphasis);
    --notification-tone-border: var(--bs-danger-border-subtle);
    --notification-gradient: linear-gradient(160deg, var(--bs-warning), #f28443 55%, var(--bs-danger));
    --notification-gradient-soft: linear-gradient(105deg, #fff7db, #fce2ca 55%, #f5c9d0);
    --notification-gradient-contrast: linear-gradient(115deg, #a76e00, #a31e2c);
    --notification-row-gradient: linear-gradient(90deg, rgba(255, 193, 7, 0.18), rgba(220, 53, 69, 0.09) 80%);
}