/* Design tokens ([07-theme-architecture.md], seção 5). Modo escuro fora do MVP: basta redefinir os tokens. */

:root {
	/* Cor principal #2474A6 e escala. */
	--aura-primary-50: #eef6fb;
	--aura-primary-100: #d6e9f4;
	--aura-primary-200: #add2e9;
	--aura-primary-300: #7eb6da;
	--aura-primary-400: #4e97c6;
	--aura-primary-500: #2f84b8;
	--aura-primary-600: #2474a6;
	--aura-primary-700: #1d5e87;
	--aura-primary-800: #184c6d;
	--aura-primary-900: #133b55;

	/* Neutros. */
	--aura-gray-25: #fcfcfd;
	--aura-gray-50: #f6f7f9;
	--aura-gray-100: #eef1f4;
	--aura-gray-200: #e3e8ed;
	--aura-gray-300: #cbd3db;
	--aura-gray-400: #9aa5b1;
	--aura-gray-500: #5f6b7a;
	--aura-gray-700: #374151;
	--aura-gray-800: #1f2937;
	--aura-gray-900: #0f172a;

	/* Semânticas (sempre com texto, nunca só cor). */
	--aura-success: #16a34a;
	--aura-success-text: #15803d;
	--aura-success-bg: #ecfdf3;
	--aura-warning: #d97706;
	--aura-warning-text: #b45309;
	--aura-warning-bg: #fff7ed;
	--aura-danger: #dc2626;
	--aura-danger-text: #b91c1c;
	--aura-danger-bg: #fef2f2;
	--aura-info-bg: var(--aura-primary-50);
	--aura-info-text: var(--aura-primary-800);
	--aura-teal: #0f9d8a;
	--aura-teal-bg: #e7f7f4;
	--aura-violet: #7c3aed;
	--aura-violet-bg: #f3eefe;

	/* Superfícies e texto. */
	--aura-bg: var(--aura-gray-50);
	--aura-surface: #fff;
	--aura-border: var(--aura-gray-200);
	--aura-text: var(--aura-gray-800);
	--aura-text-muted: var(--aura-gray-500);
	--aura-focus: var(--aura-primary-400);

	/* Tipografia. */
	--aura-font: "Inter", system-ui, -apple-system, "Segoe UI", roboto, arial, sans-serif;
	--aura-text-xs: 0.75rem;
	--aura-text-sm: 0.8125rem;
	--aura-text-base: 0.875rem;
	--aura-text-md: 1rem;
	--aura-text-lg: 1.125rem;
	--aura-text-xl: 1.25rem;
	--aura-text-2xl: 1.5rem;
	--aura-text-3xl: 1.875rem;

	/* Forma e espaço (múltiplos de 4 px). */
	--aura-space-1: 4px;
	--aura-space-2: 8px;
	--aura-space-3: 12px;
	--aura-space-4: 16px;
	--aura-space-5: 20px;
	--aura-space-6: 24px;
	--aura-space-8: 32px;
	--aura-radius-sm: 8px;
	--aura-radius-md: 12px;
	--aura-radius-lg: 16px;
	--aura-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
	--aura-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.06);
	--aura-shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.16);

	/* Layout. */
	--aura-sidebar-width: 248px;
	--aura-topbar-height: 64px;
}