/* =============================================
   ERP Bicephalus — Variables y Reset Global
   ============================================= */

:root{
	/* Sistema (neutros) */
	--sidebar-bg:#1a1d2e;
	--header-bg:#ffffff;
	--content-bg:#f0f2f5;
	--card-bg:#ffffff;
	--text-primary:#1e293b;
	--text-secondary:#64748b;
	--border:#e2e8f0;

	/* Acento por unidad (default: corporativo) */
	--accent:#475569;
	--accent-light:rgba(71,85,105,0.1);

	/* Estados */
	--success:#10b981;
	--success-light:rgba(16,185,129,0.1);
	--warning:#f59e0b;
	--warning-light:rgba(245,158,11,0.1);
	--error:#ef4444;
	--error-light:rgba(239,68,68,0.1);
	--info:#3b82f6;
	--info-light:rgba(59,130,246,0.1);
	--inactive:#94a3b8;

	/* Tipografía */
	--font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	--font-mono:'JetBrains Mono','Fira Code',monospace;

	/* Bordes */
	--radius-sm:6px;
	--radius:10px;
	--radius-lg:16px;
	--radius-xl:24px;

	/* Sombras */
	--shadow-sm:0 1px 2px rgba(0,0,0,0.05);
	--shadow:0 4px 12px rgba(0,0,0,0.08);
	--shadow-lg:0 8px 30px rgba(0,0,0,0.12);
	--shadow-xl:0 20px 60px rgba(0,0,0,0.15);

	/* Transiciones */
	--transition:all 0.2s ease;
	--transition-slow:all 0.4s ease;
}

/* Google Fonts - Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

*,*::before,*::after{
	box-sizing:border-box;
}

body{
	font-family:var(--font-family);
	color:var(--text-primary);
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

/* Alertas inline */
.alert{
	padding:10px 16px;
	border-radius:var(--radius-sm);
	font-size:14px;
	font-weight:500;
	line-height:1.5;
}
.alert-error{
	background:var(--error-light);
	color:var(--error);
	border:1px solid rgba(239,68,68,0.2);
}
.alert-success{
	background:var(--success-light);
	color:#059669;
	border:1px solid rgba(16,185,129,0.2);
}
.alert-warning{
	background:var(--warning-light);
	color:#d97706;
	border:1px solid rgba(245,158,11,0.2);
}
.alert-info{
	background:var(--info-light);
	color:var(--info);
	border:1px solid rgba(59,130,246,0.2);
}

/* Pre debug */
.pre-dbg{
	background:#1e1e2e;
	color:#cdd6f4;
	padding:16px;
	border-radius:var(--radius);
	font-family:var(--font-mono);
	font-size:13px;
	overflow-x:auto;
}
.breakPoint{
	background:#f38ba8;
	color:#1e1e2e;
	padding:8px 16px;
	border-radius:var(--radius-sm);
	font-family:var(--font-mono);
	font-size:13px;
	font-weight:600;
}