html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* ===========================
   Tema espacial — Overrides
   =========================== */

/* Forçar fundo preto e tipografia arredondada */
body {
    background-color: #000 !important;
    color: #f6f7fb !important;
    font-family: "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* Classe para textos "cheios e arredondados" estilo nuvem */
.cloudy {
    font-family: "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
    text-shadow: 0 1px 0 rgba(255,255,255,0.06), 0 2px 0 rgba(255,255,255,0.04), 0 6px 18px rgba(0,0,0,0.65), 0 10px 30px rgba(0,0,0,0.75);
}

/* Aplicar estilo em headings comuns caso queira automático */
h1, h2, h3 {
    color: #ffffff;
    font-family: "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
}

/* Navegação e links para alto contraste */
.navbar, .navbar .container {
    background: transparent !important;
}

    .navbar .nav-link {
        font-weight: 700;
        color: rgba(255,255,255,0.92) !important;
    }

a, a:link, a:visited {
    color: #e9f0ff !important;
}

    a:hover, a:focus {
        color: #ffffff !important;
        text-decoration: none;
    }

/* Formulários translúcidos sobre o fundo escuro */
.form-control {
    background-color: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #f8f9fb !important;
    border-radius: 0.5rem !important;
}

    .form-control::placeholder {
        color: rgba(255,255,255,0.6) !important;
    }

/* Rodapé */
.footer {
    margin-top: 2rem;
    padding: 1.25rem 0;
    border-top: 1px solid rgba(255,255,255,0.04);
    background: transparent;
    color: rgba(255,255,255,0.85);
}

/* Utilitários para títulos com visual "nuvem" */
.huge-cloud {
    font-size: 2.25rem;
    line-height: 1;
}

/* Acessibilidade: foco visível */
a:focus, button:focus, input:focus, .btn:focus {
    outline: 3px solid rgba(255,255,255,0.08);
    outline-offset: 2px;
}