:root {

/* COLOR INSTITUCIONAL */

--bptl-color-primary: #004738;
--bptl-color-primary-hover: #003B2E;
--bptl-color-primary-light: #D4E7E1;


/* COLORES DE ESTADO */

--bptl-color-success: #1E8E5A;
--bptl-color-success-bg: #D1F2E0;

--bptl-color-warning: #EAB308;
--bptl-color-warning-bg: #FEF9C3;

--bptl-color-danger: #B91C1C;
--bptl-color-danger-bg: #FEE2E2;

--bptl-color-info: #1D4ED8;
--bptl-color-info-bg: #DBEAFE;

--bptl-color-neutral: #64748B;
--bptl-color-neutral-bg: #F3F4F6;


/* COLORES ESTRUCTURALES */

--bptl-bg-app: #ECF0FA;
--bptl-bg-card: #FFFFFF;
--bptl-bg-section: #E4E9F6;

--bptl-border-light: #E5E7EB;
--bptl-border-medium: #D1D5DB;

--bptl-text-primary: #212B40;
--bptl-text-secondary: #6B7280;


/* COLORES DE VISUALIZACIÓN */

--bptl-chart-primary: #1C759A;
--bptl-chart-secondary: #0E7490;
--bptl-chart-tertiary: #5FD4DA;
--bptl-chart-benchmark: #F28C28;
--bptl-chart-alert: #B91C1C;


/* ESPACIADO */

--bptl-space-1: 4px;
--bptl-space-2: 8px;
--bptl-space-3: 16px;
--bptl-space-4: 24px;
--bptl-space-5: 32px;
--bptl-space-6: 48px;


/* RADIO */
--bptl-radius: 8px;


/* SOMBRAS */
--bptl-shadow-card: 0 2px 8px rgba(16,24,40,0.06);
--bptl-shadow-hover: 0 6px 16px rgba(16,24,40,0.08);
--bptl-shadow-modal: 0 20px 40px rgba(16,24,40,0.12);


/* TRANSICIONES */
--bptl-transition-fast: 0.15s ease;
--bptl-transition-normal: 0.25s ease;
--bptl-transition-slow: 0.4s ease;


/* Z INDEX */
--bptl-z-dropdown: 1000;
--bptl-z-sticky: 1020;
--bptl-z-modal: 1050;
--bptl-z-toast: 1080;
--bptl-z-overlay: 1100;


/* LAYOUT */
--bptl-content-max-width: 1400px;

}