/* Conecta On — Design Tokens Centralizados Forenses (Verde & Escuro Oficial) */
:root {
	/* Palette Oficial Conecta On */
	--conecta-primary: #61CE70;
	--conecta-primary-dark: #197819;
	--conecta-brand-green: #61CE70;
	--conecta-brand-green-dark: #1e7e34;
	--conecta-secondary: #0E2434;
	--conecta-topbar-bg: #050505;
	--conecta-header-bg: #197819; /* Fundo Verde Oficial #197819 */
	--conecta-accent: #FFCB00;
	--conecta-background: #F8FAFC;
	--conecta-surface: #FFFFFF;
	--conecta-text: #0F172A;
	--conecta-text-secondary: #64748B;
	--conecta-border: #E2E8F0;
	--conecta-success: #61CE70;
	--conecta-warning: #FFCB00;

	/* Typography */
	--conecta-font-primary: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--conecta-font-accent: 'Sora', 'Lato', sans-serif;
	--conecta-font-body: 'Lato', sans-serif;

	/* Layout & Containers */
	--conecta-container-width: 1140px;
	--conecta-gutter: 20px;
	--conecta-gutter-mobile: 16px;

	/* Spacing Scale */
	--conecta-space-xs: 8px;
	--conecta-space-sm: 16px;
	--conecta-space-md: 24px;
	--conecta-space-lg: 48px;
	--conecta-space-xl: 80px;

	/* Border Radius */
	--conecta-radius-sm: 6px;
	--conecta-radius-md: 8px;
	--conecta-radius-lg: 12px;
	--conecta-radius-pill: 9999px;

	/* Shadows */
	--conecta-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--conecta-shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	--conecta-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--conecta-shadow-header: 0 4px 20px rgba(0, 0, 0, 0.2);

	/* Z-Index Hierarchy */
	--conecta-z-base: 1;
	--conecta-z-dropdown: 100;
	--conecta-z-sticky: 500;
	--conecta-z-drawer: 900;
	--conecta-z-floating: 990;
	--conecta-z-modal: 1000;
}