:root{
	--indigo:#F0B11C;
	--violet:#F0B11C;
	--slate:#0f172a;
	--muted:#64748b;
	--emerald:#10b981;
}

/* Botões de marca/CTA padronizados */
.cta-btn{
	background: var(--indigo);
	border-color: var(--indigo);
	color: #111827;
	font-weight: 700;
	border-radius: 999px;
}
.cta-btn:hover{
	background: #d49d19;
	border-color: #d49d19;
	color: #111827;
}

.btn-brand{
	--bs-btn-bg:#F0B11C;
	--bs-btn-border-color:#F0B11C;
	--bs-btn-color:#111827;
	--bs-btn-hover-bg:#d49d19;
	--bs-btn-hover-border-color:#d49d19;
	--bs-btn-hover-color:#111827;
	--bs-btn-active-bg:#d49d19;
	--bs-btn-active-color:#111827;
	background:#F0B11C !important;
	border-color:#F0B11C !important;
	color:#111827 !important;
	font-weight:700;
}
.btn-brand:hover{
	background:#d49d19 !important;
	border-color:#d49d19 !important;
	color:#111827 !important;
}

/* Utilidades comuns */
.img-cover{object-fit:cover}
.text-slate{color:#0f172a}
.text-muted-ploys{color:#64748b}


/* ===== Rebranding: Design Tokens & Soft UI ===== */
:root{
	/* Cores base */
	--ploys-bg:#f8fafc;
	--ploys-card:#ffffff;
	--ploys-slate:#0f172a;
	--ploys-muted:#64748b;
	--ploys-border:#e2e8f0;
	--ploys-brand:#6366f1;           /* Indigo/Violeta */
	--ploys-brand-600:#4f46e5;
	--ploys-success:#10b981;
	--ploys-danger:#ef4444;
	/* Raios e sombras */
	--ploys-radius-12:12px;
	--ploys-radius-16:16px;
	--ploys-shadow-soft:0 4px 20px rgba(0,0,0,.05);
}

/* Tipografia base (Inter / Plus Jakarta Sans) - assumimos que a página importa as fontes */
body.ploys-app{
	background:var(--ploys-bg);
	color:var(--ploys-slate);
	font-family:'Inter','Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* Soft cards */
.soft-card{
	background:var(--ploys-card);
	border:1px solid var(--ploys-border);
	border-radius:var(--ploys-radius-16);
	box-shadow:var(--ploys-shadow-soft);
}

/* Focus glow consistente */
.focus-glow:focus,
.focus-glow:focus-visible,
.form-control:focus,
.form-select:focus{
	outline:0;
	border-color:var(--ploys-brand);
	box-shadow:0 0 0 4px rgba(99,102,241,.12);
}

/* Skeletons */
.skel{position:relative;overflow:hidden;background:#e5e7eb;border-radius:8px;min-height:38px}
.skel::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.45), rgba(255,255,255,0));animation: shimmer 1.2s infinite}
@keyframes shimmer{100%{transform:translateX(100%)}}

/* App-shell: bottom tab-bar (mobile) */
.app-tabbar{
	position:fixed;bottom:0;left:0;right:0;z-index:1030;
	background:rgba(255,255,255,.92);
	backdrop-filter:blur(10px);
	border-top:1px solid var(--ploys-border);
	display:flex;justify-content:space-around;gap:6px;padding:8px 10px;
}
.app-tabbar a{
	display:flex;flex-direction:column;align-items:center;gap:4px;
	text-decoration:none;color:#334155;font-size:.85rem;padding:8px 10px;border-radius:10px;min-width:64px;
}
.app-tabbar a.active{color:var(--ploys-brand);background:rgba(99,102,241,.08)}

/* Animações de linha (itens) */
@keyframes rowEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rowExit{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}
.row-enter{animation:rowEnter .22s ease both}
.row-exit{animation:rowExit .18s ease both}