/* Laravel UI Basic Styles - Theme Aware */

body {
    font-family: var(--font-primary);
    background-color: var(--color-bg);
    color: var(--color-text);
}

.navbar-laravel {
    background-color: var(--header-bg);
    box-shadow: var(--header-shadow);
}

.navbar-brand {
    color: var(--color-primary) !important;
    font-weight: bold;
    text-decoration: none;
}

.nav-link {
    color: var(--header-text) !important;
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
}

.nav-link:hover {
    color: var(--color-primary) !important;
}

.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.btn-outline-primary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-primary:hover {
    color: var(--color-text-white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.card {
    background-color: var(--card-bg);
    border-color: var(--card-border);
    box-shadow: var(--card-shadow);
}

.card-header {
    background-color: var(--color-bg-dark);
    border-bottom: 1px solid var(--card-border);
    color: var(--color-text);
    font-weight: 600;
}

.invalid-feedback {
    color: var(--color-danger);
}