@import 'tailwindcss';
@import '@fortawesome/fontawesome-free/css/all.css';
@import "bootstrap/dist/css/bootstrap.min.css";

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';


@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
    --primary: #F7D720;
    --secondary: #0091FE;
    --tertiary:#000000;
}

html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    font-family: var(--font-sans), monospace;
    overflow-x: hidden;
}

.text-primary {
    color: var(--primary) !important;
}
.text-secondary {
    color: var(--secondary) !important;
}
.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-primary:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.btn-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.btn-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}
.bg-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary);
}
.bg-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary);
}

.container {
    flex: 1;
}

footer {
    flex-shrink: 0;
}

.logo-size {
    width: 8em;
    height: 8em;
    object-fit: contain;
}

.social-link {
    color: var(--tertiary) !important;
    i {
        color: var(--primary) !important;
    }
}

.social-link:hover {
    background-color: var(--primary);
    color: white !important;
    i {
        color: var(--secondary) !important;
    }
}