/* ---------------------------------------------------------------------
   Cores institucionais do Instituto Nata
   Primária: #00b2f0 · Secundária: #c0db85 · Variação (escura) da primária: #104778
   Sobrescreve as variáveis do Bootstrap 5.3 (usadas por bg-primary, text-primary,
   border-primary, bg-dark, text-dark, links e o anel de foco de inputs) e os
   componentes de botão, que fixam cores próprias em vez de herdar do :root.
--------------------------------------------------------------------- */
:root {
    --bs-primary: #00b2f0;
    --bs-primary-rgb: 0, 178, 240;
    --bs-dark: #104778;
    --bs-dark-rgb: 16, 71, 120;

    --nata-primary: #00b2f0;
    --nata-primary-dark: #104778;
    --nata-secondary: #c0db85;
    --nata-secondary-text: #33431f;
}

.btn-primary {
    --bs-btn-bg: var(--nata-primary);
    --bs-btn-border-color: var(--nata-primary);
    --bs-btn-hover-bg: var(--nata-primary-dark);
    --bs-btn-hover-border-color: var(--nata-primary-dark);
    --bs-btn-active-bg: var(--nata-primary-dark);
    --bs-btn-active-border-color: var(--nata-primary-dark);
    --bs-btn-disabled-bg: var(--nata-primary);
    --bs-btn-disabled-border-color: var(--nata-primary);
    --bs-btn-focus-shadow-rgb: 0, 178, 240;
}

.btn-outline-primary {
    --bs-btn-color: var(--nata-primary);
    --bs-btn-border-color: var(--nata-primary);
    --bs-btn-hover-bg: var(--nata-primary);
    --bs-btn-hover-border-color: var(--nata-primary);
    --bs-btn-active-bg: var(--nata-primary-dark);
    --bs-btn-active-border-color: var(--nata-primary-dark);
    --bs-btn-focus-shadow-rgb: 0, 178, 240;
}

/* Ações neutras/secundárias usam a variação escura da primária para manter contraste
   (o verde institucional é bastante claro para texto/borda de botão) */
.btn-outline-secondary {
    --bs-btn-color: var(--nata-primary-dark);
    --bs-btn-border-color: var(--nata-primary-dark);
    --bs-btn-hover-bg: var(--nata-primary-dark);
    --bs-btn-hover-border-color: var(--nata-primary-dark);
    --bs-btn-active-bg: var(--nata-primary-dark);
    --bs-btn-active-border-color: var(--nata-primary-dark);
    --bs-btn-focus-shadow-rgb: 16, 71, 120;
}

.btn-secondary {
    --bs-btn-color: var(--nata-secondary-text);
    --bs-btn-bg: var(--nata-secondary);
    --bs-btn-border-color: var(--nata-secondary);
    --bs-btn-hover-color: var(--nata-secondary-text);
    --bs-btn-hover-bg: #aecf68;
    --bs-btn-hover-border-color: #aecf68;
    --bs-btn-active-color: var(--nata-secondary-text);
    --bs-btn-active-bg: #aecf68;
    --bs-btn-active-border-color: #aecf68;
}

/* Chip de categoria do evento, com a cor secundária da marca */
.badge-nata-secondary {
    background-color: var(--nata-secondary) !important;
    color: var(--nata-secondary-text) !important;
    border-color: var(--nata-secondary) !important;
}

body {
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.navbar-brand {
    letter-spacing: 0.5px;
}

.card {
    border: none;
}

#qr-reader video {
    border-radius: 0.5rem;
}

[x-cloak] {
    display: none !important;
}