/*
 * Tokens de identidade visual.
 * É o único arquivo que um tema filho precisa substituir para mudar a "cara" do portal.
 * Plugins podem usar estas variáveis (ex.: background: var(--sp-primary)).
 */
:root {
	/* Marca */
	--sp-primary: #d71920;
	--sp-primary-contrast: #ffffff;

	/* Barra lateral */
	--sp-sidebar-bg: #0b0b0c;
	--sp-sidebar-text: #c9cdd3;
	--sp-sidebar-text-strong: #ffffff;
	--sp-sidebar-hover: rgba(255, 255, 255, 0.07);
	--sp-sidebar-line: rgba(255, 255, 255, 0.12);
	--sp-sidebar-w: 260px;

	/* Conteúdo */
	--sp-bg: #f3f4f6;
	--sp-surface: #ffffff;
	--sp-text: #1f2937;
	--sp-muted: #6b7280;
	--sp-border: #e5e7eb;

	/* Estados */
	--sp-success: #16a34a;
	--sp-warning: #d97706;
	--sp-danger: #dc2626;
	--sp-info: #2563eb;

	/* Forma e tipografia */
	--sp-radius: 12px;
	--sp-radius-sm: 8px;
	--sp-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.08);
	--sp-topbar-h: 56px;
	--sp-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}