/* =============================
PALETA VISTARO
============================= */
:root, [data-bs-theme="light"] {
/* Cores base */
--brand-primary-hex: #0B2031; /* azul petróleo escuro */
--brand-primary-rgb: 11, 32, 49;
--brand-secondary-hex: #46525E; /* azul ardósia */
--brand-secondary-rgb: 64, 80, 95;
--brand-accent-hex: #F9672D; /* laranja detalhe */
--brand-accent-rgb: 249, 103, 45;


/* Bootstrap tokens principais */
--bs-primary: var(--brand-primary-hex);
--bs-primary-rgb: var(--brand-primary-rgb);
--bs-secondary: var(--brand-secondary-hex);
--bs-secondary-rgb: var(--brand-secondary-rgb);
/* usaremos o accent para success e warning para destacar check/estrelas */
--bs-success: var(--brand-accent-hex);
--bs-success-rgb: var(--brand-accent-rgb);
--bs-warning: var(--brand-accent-hex);
--bs-warning-rgb: var(--brand-accent-rgb);
--bs-info: var(--brand-secondary-hex);
--bs-info-rgb: var(--brand-secondary-rgb);


--bs-link-color: var(--brand-primary-hex);
--bs-link-hover-color: color-mix(in srgb, var(--brand-primary-hex) 80%, white);


/* Subtle backgrounds/borders */
--bs-primary-bg-subtle: rgba(var(--brand-primary-rgb), .08);
--bs-primary-border-subtle: rgba(var(--brand-primary-rgb), .28);
--bs-secondary-bg-subtle: rgba(var(--brand-secondary-rgb), .10);
--bs-secondary-border-subtle: rgba(var(--brand-secondary-rgb), .30);
--bs-success-bg-subtle: rgba(var(--brand-accent-rgb), .10);
--bs-success-border-subtle: rgba(var(--brand-accent-rgb), .30);
--bs-info-bg-subtle: rgba(var(--brand-secondary-rgb), .10);
--bs-info-border-subtle: rgba(var(--brand-secondary-rgb), .30);
--bs-warning-bg-subtle: rgba(var(--brand-accent-rgb), .10);
--bs-warning-border-subtle: rgba(var(--brand-accent-rgb), .30);


/* Tema UBold */
--tb-primary: var(--brand-primary-hex);


}

#landing-navbar  { background: var(--brand-primary-hex); }
.nav-link { color: #b1b8c0 !important; }


.btn-primary { background-color: var(--brand-primary-hex); border-color: var(--brand-primary-hex); color: #eaeef0 !important;}
.btn-primary:hover, .btn-primary:focus { background-color: var(--brand-accent-hex); border-color: var(--brand-accent-hex); color: #eaeef0 !important;}

.text-primary, .link-primary { color: var(--brand-primary-hex) !important; }


a{ color: var(--brand-secondary-hex) !important; }
a:hover, a:focus{ color: var(--brand-accent-hex) !important; }