@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


:root {
    --theme-color: #38B0DC;
    --theme-color-dark: #004A80;
    --secondary-color: #F8F8F8;
    --success-color: #28a745;
    --error-color: #dc3545;
    --gray-color: #DEDEDE;
    --light-gray: #EEEEEE;
    --input-width: 18rem;
    --gradient-background: linear-gradient(45deg, #DEDEDE, #779eb6, #7db7db, #dedede);
    --default-font: 'Arial', 'Helvetica', 'Verdana';
}

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: var(--default-font);
    display: flex;
}

input::placeholder, select::placeholder {
    font-family: var(--default-font);
    font-style: italic;
}

input:focus, .form-select:focus, textarea:focus {
    outline: none;
}

.field .select-provenance:focus,
.field .select-subject:focus {
    background-color: var(--light-gray);
}

option:hover {
    background-color: var(--theme-color-dark) !important;
}