/* TAILWINDS COLORS */
@import 'tw-colors.css';

/* MODIFICATIONS */
:root { --font-family-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-weight: 400;
    color: #1a202c;
}

.tooltip, .popover { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; }

a { color: #4c1d95; }

a:hover,
a:focus { color: #2e1065; }

label { font-weight: 500; }

input, textarea, select {
    outline: none !important;
    box-shadow: none !important;
}

button {
    outline: none !important;
    box-shadow: none !important;    
}

.form-control {
    border: 1px solid #d1dce6;
    border-radius: 1.5rem;    
}

.form-control:focus { border: 1px solid #4c1d95; }

.btn { border-radius: 1.5rem; }

.btn-primary {
    color: #fff;
    background-color: #4c1d95;
    border-color: #4c1d95;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.focus {
    color: #fff;
    background-color: #2e1065 !important;
    border-color: #2e1065 !important;
}

.btn-outline-primary {
    color: #4c1d95;
    border-color: #4c1d95;
}

.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:active {
    color: #fff;
    background-color: #4c1d95 !important;
    border-color: #4c1d95 !important;
}

.badge-primary {
    color: #fff;
    background-color: #4c1d95;
}

/* CUSTOM ELEMENTS */
header {
    position: fixed; 
    top: 0;
}

footer {
    position: fixed; 
    bottom: 0;
}

.logo { width: 320px; }