/* Design tokens compartidos — CorreoPlatform (contraste WCAG AA) */
:root {
	--tn-primary: #2980b9;
	--tn-primary-bright: #3498db;
	--tn-primary-dark: #1e293b;
	--tn-primary-deep: #0f172a;
	--tn-surface: #ffffff;
	--tn-surface-muted: #e8edf3;
	--tn-surface-subtle: #f1f5f9;
	--tn-text: #0f172a;
	--tn-text-secondary: #1e293b;
	--tn-text-muted: #475569;
	--tn-text-subtle: #64748b;
	--tn-border: #cbd5e1;
	--tn-border-strong: #94a3b8;
	--tn-unread-bg: #e8f4fd;
	--tn-unread-text: #0c4a6e;
	--tn-unread-bg-soft: #f0f9ff;
	/* Semánticos */
	--tn-success: #16a34a;
	--tn-success-bg: #dcfce7;
	--tn-warning: #d97706;
	--tn-warning-bg: #fef3c7;
	--tn-danger: #dc2626;
	--tn-danger-bg: #fee2e2;
	--tn-info: #0284c7;
	--tn-info-bg: #e0f2fe;
	--tn-external: #b45309;
	--tn-external-bg: #fffbeb;
	--tn-radius-sm: 8px;
	--tn-radius-md: 12px;
	--tn-radius-lg: 18px;
	--tn-shadow-card: 0 8px 24px rgba(15, 23, 42, 0.1);
	--tn-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
	--tn-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.1);
	--tn-shadow-login: 0 24px 64px rgba(15, 23, 42, 0.32);
	--tn-transition: 0.18s ease;
	/* Sidebar oscuro */
	--tn-sidebar-text: #f8fafc;
	--tn-sidebar-muted: #e2e8f0;
	--tn-sidebar-disabled: #94a3b8;
	--tn-sidebar-selected-bg: rgba(41, 128, 185, 0.72);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-tn-theme="light"]) {
		--tn-surface-muted: #1e293b;
		--tn-surface-subtle: #334155;
		--tn-unread-bg-soft: #172554;
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--tn-transition: 0.01ms;
	}
}