/* brand.css — Tokens de marca + overrides genéricos de Bootstrap 5 para las
   superficies que NO cargan styles.min.css (panel de gestión y cuentas).
   Mantener alineado con DESIGN.md. Cargar SIEMPRE después de bootstrap.min.css. */

@font-face {
	font-family: "Public Sans";
	src: url(../fonts/public_sans/static/PublicSans-Regular.woff2) format("woff2");
	font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
	font-family: "Public Sans";
	src: url(../fonts/public_sans/static/PublicSans-Bold.woff2) format("woff2");
	font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
	font-family: "Public Sans";
	src: url(../fonts/public_sans/static/PublicSans-Black.woff2) format("woff2");
	font-weight: 900; font-style: normal; font-display: swap;
}

:root {
	--bs-primary: #E85746;
	--bs-primary-rgb: 232, 87, 70;
	--bs-body-color: #3D3C3A;
	--bs-body-color-rgb: 61, 60, 58;
	--bs-emphasis-color: #1E1E1C;
	--bs-secondary-color: #6D6C6C;
	--bs-border-color: #E7E4E2;
	--bs-heading-color: #1E1E1C;
	--bs-link-color: #1E1E1C;
	--bs-link-color-rgb: 30, 30, 28;
	--bs-link-hover-color: #E85746;
	--bs-link-hover-color-rgb: 232, 87, 70;

	--bs-font-sans-serif: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--bs-body-font-family: var(--bs-font-sans-serif);

	--bs-border-radius-sm: .5rem;
	--bs-border-radius: .75rem;
	--bs-border-radius-lg: 1rem;
	--bs-border-radius-xl: 1.25rem;
	--bs-border-radius-pill: 50rem;

	--bs-box-shadow-sm: 0 1px 2px rgba(28,28,26,.04), 0 2px 6px rgba(28,28,26,.06);
	--bs-box-shadow: 0 4px 14px rgba(28,28,26,.08);
	--bs-box-shadow-lg: 0 14px 34px rgba(28,28,26,.14);

	--bs-card-border-radius: 1rem;
	--bs-card-border-color: #E7E4E2;
	--bs-table-striped-bg: #F7F7F6;
	--bs-table-border-color: #EDEBE9;
}

body { font-family: var(--bs-font-sans-serif); color: var(--bs-body-color); }
h1, h2, h3, h4, h5, h6 { font-family: var(--bs-font-sans-serif); color: var(--bs-heading-color); }

/* CTA primaria roja de marca (BS no lee --bs-primary en los botones) */
.btn-primary {
	--bs-btn-bg: #E85746;
	--bs-btn-border-color: #E85746;
	--bs-btn-hover-bg: #D23F2D;
	--bs-btn-hover-border-color: #D23F2D;
	--bs-btn-active-bg: #BF3A26;
	--bs-btn-active-border-color: #BF3A26;
}
.btn { --bs-btn-border-radius: .75rem; }

/* Controles y superficies redondeados, foco rojo */
.form-control, .form-select { border-radius: var(--bs-border-radius); }
.form-control:focus, .form-select:focus {
	border-color: #E85746;
	box-shadow: 0 0 0 .25rem rgba(232, 87, 70, .2);
}
.card { border-radius: var(--bs-border-radius-lg); border-color: var(--bs-border-color); box-shadow: var(--bs-box-shadow-sm); }
.modal-content { border-radius: var(--bs-border-radius-xl); }
.dropdown-menu { box-shadow: var(--bs-box-shadow); border-color: var(--bs-border-color); }
.alert { border-radius: var(--bs-border-radius-lg); }
.badge { border-radius: var(--bs-border-radius-pill); }