/* Marca Guardiões do Crédito — carregado depois do app.css.
   Referência: brand/print-guardioes-referencia.png ("Portal do Guardião").
   Azul-marinho #0E121A / cartões #161B26, dourado #E9B923 → #B8860B,
   títulos em degradê e botões primários contornados em dourado. */

:root {
  --gd-ouro: #E9B923;
  --gd-ouro-claro: #F4CF5A;
  --gd-ouro-escuro: #B8860B;
  --gd-grad: linear-gradient(135deg, #F4CF5A 0%, #E9B923 45%, #B8860B 100%);
}
:root:not([data-theme="light"]) {
  --ef-bg: #0E121A; --ef-fg: #E6E8EC; --ef-card: #161B26; --ef-card-muted: #121722; --ef-muted-fg: #9AA3B2;
  --ef-input-bg: #121722; --ef-sidebar: #11151F; --ef-sidebar-fg: #9AA3B2;
  --ef-border: rgba(230, 232, 236, 0.08); --ef-border-strong: rgba(233, 185, 35, 0.28); --ef-sidebar-border: rgba(230, 232, 236, 0.08);
  --ef-primary-hover: #F4CF5A; --ef-success: #34d399; --ef-success-muted: rgba(52, 211, 153, 0.12);
}
:root[data-theme="light"] {
  --ef-bg: #F3F1EC; --ef-fg: #11151F; --ef-card-muted: #F1EEE6; --ef-muted-fg: #5E6575;
  --ef-primary-ink: #8A6A00; --ef-accent-fg: #6B5200; --ef-sidebar-accent-fg: #6B5200; --ef-success: #047857; --ef-success-muted: #ecfdf5;
  --ef-border: rgba(17, 21, 31, 0.12); --ef-border-strong: rgba(184, 134, 11, 0.35); --ef-sidebar-border: rgba(17, 21, 31, 0.10);
}

/* Fundo com grade leve, como no print */
[data-theme="dark"] body, :root:not([data-theme="light"]) body {
  background:
    radial-gradient(ellipse 70% 40% at 50% 0%, rgba(233, 185, 35, 0.06), transparent 60%),
    linear-gradient(rgba(230, 232, 236, 0.03) 1px, transparent 1px) 0 0 / 100px 100px,
    linear-gradient(90deg, rgba(230, 232, 236, 0.03) 1px, transparent 1px) 0 0 / 100px 100px,
    #0E121A;
  background-attachment: fixed;
}

/* Botão primário: dourado contornado (como "Entrar") */
[data-theme="dark"] .btn-primary, :root:not([data-theme="light"]) .btn-primary {
  background: transparent; color: var(--gd-ouro); border: 1.5px solid var(--gd-ouro); border-radius: 12px;
}
[data-theme="dark"] .btn-primary:hover:not(:disabled), :root:not([data-theme="light"]) .btn-primary:hover:not(:disabled) {
  background: rgba(233, 185, 35, 0.1); color: var(--gd-ouro-claro);
}
[data-theme="light"] .btn-primary { background: var(--gd-grad); color: #11151F; border: 0; }

/* Títulos em degradê dourado (tema escuro) */
[data-theme="dark"] .title, :root:not([data-theme="light"]) .title,
[data-theme="dark"] .brand-name, :root:not([data-theme="light"]) .brand-name {
  background: var(--gd-grad); -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Escudo no lugar do símbolo antigo */
.brand-mark { background: transparent; border: 0; }
.brand-mark img, img.brand-symbol { width: 2rem; height: 2rem; object-fit: contain; }
.footer-logo, [data-theme="dark"] .footer-logo { filter: none; opacity: 1; }
[data-theme="light"] .footer-logo { content: url(/brand/logo-guardioes-claro.png); }

/* Login: "Portal do Guardião" */
.gd-hero { text-align: center; }
.gd-logo { width: min(250px, 66vw); height: auto; margin: 0 auto 1.25rem; display: block; }
[data-theme="light"] .gd-logo { content: url(/brand/logo-guardioes-claro.png); }
.gd-portal { font-family: var(--ef-font-head); font-size: clamp(1.35rem, 6vw, 1.75rem); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; text-shadow: 0 0 18px rgba(233, 185, 35, 0.35); }
.gd-hero .lead { margin-top: .5rem; }
.auth-card { background: #161B26; }
[data-theme="light"] .auth-card { background: #fff; }
.input:focus { border-color: var(--gd-ouro); box-shadow: 0 0 0 3px rgba(233, 185, 35, 0.18); }

/* Barra inferior: "+ Proposta" no meio, em destaque (como no app Guardiões) */
.bottomnav { overflow: visible; }
.bottomnav a.bn-criar, .bottomnav a.bn-criar.active { background: transparent; color: var(--gd-ouro); font-weight: 600; position: relative; }
.bn-criar-ico { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; margin-top: -1.6rem; border-radius: 50%;
  background: var(--gd-grad); color: #11151F; box-shadow: 0 6px 18px rgba(233, 185, 35, 0.35), 0 0 0 4px var(--ef-bg); }
.bn-criar-ico svg.i { width: 1.6rem; height: 1.6rem; stroke-width: 2.5; }
[data-theme="light"] .bottomnav a.bn-criar { color: #8A6A00; }
@media (min-width: 640px) { .bottomnav a.bn-criar { flex-direction: column; gap: .125rem; } .bn-criar-ico { width: 2.75rem; height: 2.75rem; margin-top: -1.2rem; } }

/* Vitrine padrão (faixa só com "Portal do Guardião"): a arte já tem o formato da faixa,
   então ocupa tudo, centralizada, sem repetir a imagem no fundo */
.vitrine[style*="vitrine-hub"] { background: #0E121A; }
.vitrine[style*="vitrine-hub"] img { position: absolute; inset: 0; top: 0; width: 100%; height: 100%; max-width: none; aspect-ratio: auto; object-fit: cover; object-position: center; -webkit-mask-image: none; mask-image: none; }