/* Feed Chef — custom overrides on Bootstrap 5 */

:root {
    --fc-primary: #2563eb;
    --fc-primary-hover: #1d4ed8;
    --fc-bg: #f1f5f9;
    --fc-card-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
}

[data-bs-theme="dark"] {
    --fc-bg: #1a1d21;
    --fc-card-shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);
}

body {
    background-color: var(--fc-bg);
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

/* Navbar */
.navbar-brand {
    font-weight: 700;
    letter-spacing: -.02em;
}

/* Cards */
.card {
    border: none;
    border-radius: .75rem;
    box-shadow: var(--fc-card-shadow);
}

/* Auth forms */
.auth-card {
    width: 400px;
    max-width: 100%;
    margin: 2rem auto;
}

.auth-card .card-body {
    padding: 2rem;
}

.auth-card h2 {
    font-weight: 700;
    font-size: 1.5rem;
}

/* Buttons */
.btn-primary {
    background-color: var(--fc-primary);
    border-color: var(--fc-primary);
}

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

/* Hero / landing */
.hero-section {
    padding: 4rem 0 3rem;
    text-align: center;
}

.hero-section h1 {
    font-weight: 800;
    font-size: 2.5rem;
    letter-spacing: -.03em;
}

.hero-section .lead {
    max-width: 700px;
    margin: 1rem auto 1.5rem;
    color: var(--bs-secondary-color);
}

/* Feature panels */
.hero-section {
    padding-bottom: 2rem;
}

@media (max-width: 767.98px) {
    .row > [class*="col-6"] > .card {
        min-height: 140px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .row > [class*="col-md-6"] > .card {
        min-height: 160px;
    }
}

@media (min-width: 992px) {
    .row > [class*="col-lg-3"] > .card {
        min-height: 220px;
    }
}

/* Footer */
.fc-footer {
    margin-top: 3rem;
    padding: 1.5rem 0;
    text-align: center;
    color: var(--bs-secondary-color);
    font-size: .85rem;
}