/* 
   Bootstrap 5 Utility Overrides for Google Translate UX
*/
body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #ffffff;
}

:root {
    --bs-primary: #1a73e8;
    --bs-primary-rgb: 26, 115, 232;
    --bs-border-color: #dadce0;
}

/* Remove Bootstrap's default focus outlines and shadows for a cleaner GT look */
.form-control:focus, .btn:focus {
    box-shadow: none;
    border-color: transparent;
}

textarea#input:focus {
    outline: none;
    box-shadow: none;
}

textarea {
    resize: none;
}

.btn-primary {
    --bs-btn-bg: #1a73e8;
    --bs-btn-border-color: #1a73e8;
    --bs-btn-hover-bg: #1765cc;
    --bs-btn-hover-border-color: #1765cc;
    --bs-btn-active-bg: #1558b3;
    --bs-btn-active-border-color: #1558b3;
    text-transform: capitalize;
    letter-spacing: 0.1px;
    font-weight: 500;
}

.btn-link {
    font-weight: 500;
}