/*
 * Gemdir — Site-level styles (Bootstrap 5.3 complements)
 *
 * Bootstrap handles typography, spacing, components, and responsive grid.
 * This file contains only the overrides and custom utilities that Bootstrap
 * does not provide out of the box.
 */

/* ── Layout ──────────────────────────────────────────────────────────── */

body {
    /* Push content below fixed navbar */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

/* ── Navbar ──────────────────────────────────────────────────────────── */

.navbar-brand {
    letter-spacing: -0.02em;
}

/* ── Theme transition ────────────────────────────────────────────────── */

/* Smooth transition when toggling light ↔ dark */
html.transitioning,
html.transitioning *,
html.transitioning *::before,
html.transitioning *::after {
    transition: background-color 0.3s ease, color 0.2s ease, border-color 0.2s ease !important;
}

/* ── Hero (home page) ────────────────────────────────────────────────── */

.hero {
    padding: 3rem 0 2rem;
    text-align: center;
}

.hero h1 {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    margin-bottom: 0.5rem;
}

.hero p {
    font-size: 1.125rem;
}

/* ── Utility ─────────────────────────────────────────────────────────── */

@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}